:root{--ink:#1E1E20;--ink2:#3a3a40;--mut:#575761;--line:#e7e7ec;--bg:#fff;--soft:#f6f6f8;--soft2:#eef0f4;--acc:#FBC104;--acc2:#ffd166;--accInk:#1E1E20;--ok:#16a34a;--okS:#dcfce7;--warn:#d97706;--warnS:#fef3c7;--bad:#dc2626;--badS:#fee2e2;--info:#2563eb;--infoS:#dbeafe;--vio:#7c3aed;--vioS:#ede9fe;--r:14px;--sh:0 1px 2px rgba(20,20,30,.05),0 8px 24px rgba(20,20,30,.06)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:'Funnel Sans','Plus Jakarta Sans',system-ui,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.55}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4{margin:0;line-height:1.15;letter-spacing:-.02em}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:10px;padding:11px 20px;font-weight:700;cursor:pointer;transition:.15s;white-space:nowrap;font-size:14.5px;background:none}
.btn-acc{background:var(--acc);color:var(--accInk)}.btn-acc:hover{background:#ffc533;transform:translateY(-1px)}
.btn-ink{background:var(--ink);color:#fff}.btn-ink:hover{background:#000}
.btn-ghost{border-color:var(--line);background:#fff}.btn-ghost:hover{border-color:var(--ink)}
.btn-sm{padding:7px 14px;font-size:13px}.btn-xs{padding:4px 10px;font-size:12px}
.btn-ok{background:var(--ok);color:#fff}.btn-bad{background:#fff;border-color:#f3c2c2;color:var(--bad)}
.btn-lg{padding:15px 28px;font-size:16px}
/* public nav */
.pnav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.pnav .wrap{display:flex;align-items:center;height:70px;gap:28px}
.pnav img{height:26px}.pnav .links{display:flex;gap:24px;font-weight:600;font-size:14.5px;color:var(--ink2)}.pnav .links a:hover{color:#000}
.pnav .right{margin-left:auto;display:flex;gap:10px;align-items:center}
.burger{display:none;margin-left:auto;background:none;border:0;font-size:24px;cursor:pointer}
.mmenu{display:none}
/* hero */
.hero{position:relative;overflow:hidden;background:radial-gradient(1200px 500px at 85% -10%,#fff3cf 0,transparent 60%),radial-gradient(800px 400px at -10% 110%,#f2f2f6 0,transparent 60%)}
.hero .wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;padding-top:72px;padding-bottom:80px}
.eyebrow{display:inline-flex;gap:8px;align-items:center;font-size:13px;font-weight:700;padding:6px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--ink2)}
.eyebrow b{background:var(--acc);border-radius:999px;padding:1px 8px;font-size:11.5px}
.hero h1{font-size:clamp(36px,5vw,60px);font-weight:800;margin:18px 0 18px}
.hero h1 em{font-style:normal;background:linear-gradient(transparent 62%,var(--acc2) 62%)}
.hero p.lead{font-size:18.5px;color:var(--ink2);max-width:540px;margin:0 0 28px}
.hero .ctas{display:flex;gap:12px;flex-wrap:wrap}
.hero .trust{display:flex;gap:20px;margin-top:28px;color:var(--mut);font-size:13.5px;flex-wrap:wrap}.hero .trust span:before{content:"✓ ";color:var(--ok);font-weight:800}
.mock{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 80px -20px rgba(20,20,40,.25);padding:16px}
.mock .bar{display:flex;gap:6px;margin-bottom:12px}.mock .bar i{width:10px;height:10px;border-radius:50%;background:#e5e5ea}
.mock .kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mock .k{background:var(--soft);border-radius:12px;padding:12px}.mock .k b{font-size:22px;display:block}.mock .k small{color:var(--mut);font-size:11.5px}
.mock .pipe{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}
.mock .col{background:var(--soft);border-radius:10px;padding:8px;min-height:150px}.mock .col h6{margin:0 0 6px;font-size:10.5px;color:var(--mut);text-transform:uppercase;letter-spacing:.05em}
.mock .card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:7px;margin-bottom:6px;font-size:11px}.mock .card b{display:block;font-size:11.5px}
.float{position:absolute;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh);padding:12px 14px;font-size:13px;display:flex;gap:10px;align-items:center;animation:fl 5s ease-in-out infinite}
.float .ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:17px}
@keyframes fl{50%{transform:translateY(-8px)}}
.logos{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0;background:#fff}
.logos .wrap{display:flex;align-items:center;gap:40px;flex-wrap:wrap;justify-content:center;color:#70707a;font-weight:800;font-size:18px;letter-spacing:-.01em}
.logos small{color:var(--mut);font-weight:600;font-size:13px;width:100%;text-align:center}
section.sec{padding:96px 0}.sec.soft{background:var(--soft)}.sec.dark{background:var(--ink);color:#fff}
.sec-h{text-align:center;max-width:760px;margin:0 auto 52px}.sec-h .tag{color:#b07b00;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.dark .sec-h .tag{color:var(--acc)}
.sec-h h2{font-size:clamp(28px,3.6vw,44px);font-weight:800;margin:10px 0 14px}.sec-h p{color:var(--mut);font-size:17px;margin:0}.dark .sec-h p{color:#b8b8c2}
.cmp{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:960px;margin:0 auto}
.cmp>div{border-radius:20px;padding:32px;border:1px solid var(--line);background:#fff}
.cmp .new{background:var(--ink);color:#fff;border-color:var(--ink);position:relative}
.cmp .new:after{content:"Novo modelo";position:absolute;top:-12px;right:24px;background:var(--acc);color:var(--ink);font-size:12px;font-weight:800;padding:4px 12px;border-radius:999px}
.cmp h3{font-size:22px;margin:6px 0 14px}.cmp ul{margin:0;padding:0;list-style:none}.cmp li{padding:8px 0;border-top:1px solid rgba(128,128,140,.2);font-size:15px}
.cmp .old li:before{content:"✕  ";color:var(--bad)}.cmp .new li:before{content:"✓  ";color:var(--acc);font-weight:800}
.cmp .lab{font-size:12.5px;font-weight:700;color:var(--mut);text-transform:uppercase;letter-spacing:.06em}.cmp .new .lab{color:#b8b8c2}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;counter-reset:s}
.step{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;position:relative}
.step .n{width:38px;height:38px;border-radius:12px;background:var(--acc);display:grid;place-items:center;font-weight:800;margin-bottom:14px}
.step h4{font-size:16.5px;margin-bottom:6px}.step p{margin:0;color:var(--mut);font-size:14px}
.step.last{background:var(--ink);color:#fff;border-color:var(--ink)}.step.last p{color:#b8b8c2}
.tabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:28px}
.tabs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 18px;font-weight:700;cursor:pointer}
.tabs button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.feat{display:grid;grid-template-columns:1fr 1.15fr;gap:48px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:24px;padding:40px}
.feat h3{font-size:30px;margin-bottom:12px}.feat p{color:var(--mut)}.feat ul{list-style:none;padding:0;margin:20px 0 26px}.feat li{padding:7px 0 7px 30px;position:relative}
.feat li:before{content:"";position:absolute;left:0;top:10px;width:18px;height:18px;border-radius:6px;background:var(--acc) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E1E20' stroke-width='3.5'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/12px no-repeat}
.feat .vis{background:var(--soft);border-radius:18px;padding:20px;min-height:320px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.fcard{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;transition:.2s}.fcard:hover{transform:translateY(-3px);box-shadow:var(--sh)}
.fcard .ic{width:44px;height:44px;border-radius:12px;background:var(--soft2);display:grid;place-items:center;font-size:21px;margin-bottom:14px}
.fcard h4{font-size:17px;margin-bottom:6px}.fcard p{color:var(--mut);margin:0;font-size:14.5px}
.dark .fcard{background:#2a2a2e;border-color:#38383e}.dark .fcard p{color:#b8b8c2}.dark .fcard .ic{background:#38383e}
.prob{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff}
.prob>div{padding:16px 24px;border-bottom:1px solid var(--line);font-size:15px}.prob .h{font-weight:800;background:var(--soft);font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--mut)}
.prob .p:before{content:"⚠ ";color:var(--warn)}.prob .s{background:#fffbeb}.prob .s:before{content:"→ ";font-weight:800;color:#b07b00}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.metric{border-left:3px solid var(--acc);padding:6px 0 6px 18px}.metric b{font-size:42px;font-weight:800;display:block;letter-spacing:-.03em}.metric span{color:#b8b8c2}
.sim{display:grid;grid-template-columns:1fr 1fr;gap:28px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:36px;max-width:960px;margin:0 auto}
.sim label{display:block;font-weight:700;margin:14px 0 6px}.sim input[type=range]{width:100%;accent-color:var(--ink)}
.sim .out{background:var(--ink);color:#fff;border-radius:18px;padding:28px;display:flex;flex-direction:column;justify-content:center}.sim .out b{font-size:46px;font-weight:800;color:var(--acc);letter-spacing:-.03em}
.quote{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px}.quote p{font-size:16px;margin:0 0 18px}.quote .who{display:flex;gap:12px;align-items:center;font-size:14px}.quote .who i{width:40px;height:40px;border-radius:50%;background:var(--acc);display:grid;place-items:center;font-style:normal;font-weight:800}
.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{font-weight:700;font-size:17px;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.faq summary:after{content:"+";font-size:22px}.faq details[open] summary:after{content:"–"}.faq p{color:var(--mut);margin:10px 0 0}
.cta-band{background:var(--acc);border-radius:28px;padding:56px;display:grid;grid-template-columns:1.4fr 1fr;gap:30px;align-items:center}.cta-band h2{font-size:clamp(28px,3.4vw,42px);font-weight:800}
.foot{background:var(--ink);color:#cfcfd6;padding:64px 0 30px;font-size:14px}.foot .cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px}.foot h5{color:#fff;margin:0 0 12px;font-size:14px}.foot a{display:block;padding:4px 0}.foot a:hover{color:#fff}.foot img{height:24px;margin-bottom:14px}.foot .bot{border-top:1px solid #333;margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:#8a8a95}
/* auth */
.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth .l{background:var(--ink);color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:space-between}.auth .l img{height:26px;align-self:flex-start}
.auth .r{padding:48px;display:flex;align-items:center;justify-content:center}.auth .box{width:100%;max-width:440px}
.role{display:flex;gap:14px;align-items:center;border:1.5px solid var(--line);border-radius:16px;padding:16px;margin-bottom:12px;cursor:pointer;transition:.15s;background:#fff;width:100%;text-align:left}.role:hover{border-color:var(--ink)}.role .ic{width:46px;height:46px;border-radius:12px;background:var(--soft2);display:grid;place-items:center;font-size:22px;flex:none}.role small{color:var(--mut)}
/* app shell */
.app{display:grid;grid-template-columns:256px 1fr;min-height:100vh;background:var(--soft)}
.side{background:#fff;border-right:1px solid var(--line);padding:18px 14px;position:sticky;top:0;height:100vh;overflow:auto;display:flex;flex-direction:column}
.side .lg{padding:6px 10px 18px}.side .lg img{height:22px}
.side .ctx{background:var(--soft);border-radius:12px;padding:10px 12px;margin-bottom:16px;font-size:13px}.side .ctx b{display:block;font-size:14px}.side .ctx small{color:var(--mut)}
.side .grp{font-size:11px;font-weight:800;color:#70707a;text-transform:uppercase;letter-spacing:.08em;padding:14px 12px 6px}
.side a.it{display:flex;gap:11px;align-items:center;padding:9px 12px;border-radius:10px;font-weight:600;font-size:14px;color:var(--ink2)}.side a.it:hover{background:var(--soft)}.side a.it.on{background:var(--ink);color:#fff}
.side a.it .bd{margin-left:auto;background:var(--acc);color:var(--ink);font-size:11px;font-weight:800;padding:1px 7px;border-radius:99px}
.side .foot2{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);font-size:13px}
.main{min-width:0}.topbar{height:64px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;gap:14px;position:sticky;top:0;z-index:20}
.topbar h1{font-size:19px;font-weight:800}.topbar .sp{margin-left:auto}.topbar .av{width:36px;height:36px;border-radius:50%;background:var(--acc);display:grid;place-items:center;font-weight:800;font-size:13px}
.topbar .mb{display:none;background:none;border:0;font-size:22px;cursor:pointer}
.content{padding:26px 28px 60px;max-width:1400px}
.kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.kpi.k6{grid-template-columns:repeat(6,1fr)}.kpi.k3{grid-template-columns:repeat(3,1fr)}
.kc{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px}.kc small{color:var(--mut);font-weight:600;font-size:13px;display:block}.kc b{font-size:30px;font-weight:800;letter-spacing:-.03em;display:block;margin-top:4px}.kc .d{font-size:12.5px;font-weight:700}.kc.hl{background:var(--ink);color:#fff;border-color:var(--ink)}.kc.hl small{color:#b8b8c2}.kc.hl b{color:var(--acc)}
.pnl{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px;margin-bottom:18px}.pnl>h3{font-size:16px;margin-bottom:14px;display:flex;align-items:center;gap:10px}.pnl>h3 .sp{margin-left:auto}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.g21{display:grid;grid-template-columns:2fr 1fr;gap:18px}.g12{display:grid;grid-template-columns:1fr 2fr;gap:18px}
.qa{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.qa .q{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px;display:flex;flex-direction:column;gap:6px}.qa .q .ic{font-size:22px}.qa .q b{font-size:15px}.qa .q small{color:var(--mut);margin-bottom:8px}.qa .q .btn{align-self:flex-start;margin-top:auto}
table.t{width:100%;border-collapse:collapse;font-size:14px}.t th{text-align:left;font-size:12px;color:var(--mut);text-transform:uppercase;letter-spacing:.04em;padding:10px;border-bottom:1px solid var(--line);font-weight:700;white-space:nowrap}.t td{padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:middle}.t tr:hover td{background:#fafafb}.t td small{color:var(--mut);display:block}
.tw{overflow-x:auto}
.pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;padding:3px 10px;border-radius:99px;background:var(--soft2);color:var(--ink2);white-space:nowrap}
.pill.ok{background:var(--okS);color:#166534}.pill.warn{background:var(--warnS);color:#92400e}.pill.bad{background:var(--badS);color:#991b1b}.pill.info{background:var(--infoS);color:#1e40af}.pill.vio{background:var(--vioS);color:#5b21b6}.pill.acc{background:#fff3cf;color:#7a5400}.pill.ink{background:var(--ink);color:#fff}
.tb{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px;align-items:center}
.inp,select.inp,textarea.inp{border:1px solid var(--line);border-radius:10px;padding:9px 12px;background:#fff;min-width:0;outline:none}.inp:focus{border-color:var(--ink);box-shadow:0 0 0 3px rgba(255,180,0,.25)}
.fm{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.fm .full{grid-column:1/-1}.fm label{display:block;font-size:13px;font-weight:700;margin-bottom:5px}.fm .inp{width:100%}
.chk{display:flex;flex-wrap:wrap;gap:8px}.chk label{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--line);border-radius:99px;padding:6px 12px;font-size:13px;font-weight:600;cursor:pointer;background:#fff}.chk input{accent-color:var(--ink)}
.kan{display:grid;grid-template-columns:repeat(6,minmax(210px,1fr));gap:12px;overflow-x:auto;padding-bottom:8px}
.kcol{background:var(--soft2);border-radius:14px;padding:10px;min-height:300px}.kcol h5{margin:2px 4px 10px;font-size:12.5px;display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.04em;color:var(--ink2)}
.kcard{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:10px;font-size:13px}.kcard b{display:block;font-size:14px}.kcard small{color:var(--mut)}.kcard .acts{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.av2{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:13px;flex:none;background:var(--soft2)}
.row{display:flex;gap:12px;align-items:center}.mut{color:var(--mut)}.sm{font-size:13px}.b{font-weight:700}
.match{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:13px}.match .bar{width:54px;height:6px;border-radius:9px;background:var(--soft2);overflow:hidden}.match .bar i{display:block;height:100%;background:var(--ok)}
.empty{text-align:center;padding:40px;color:var(--mut)}
.tl{list-style:none;margin:0;padding:0}.tl li{position:relative;padding:0 0 16px 24px;font-size:13.5px}.tl li:before{content:"";position:absolute;left:5px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 3px #fff3cf}.tl li:after{content:"";position:absolute;left:9px;top:18px;bottom:0;width:2px;background:var(--line)}.tl li:last-child:after{display:none}
.prog{display:flex;gap:4px;margin-top:8px}.prog i{flex:1;height:6px;border-radius:9px;background:var(--soft2)}.prog i.on{background:var(--ok)}.prog i.badc{background:var(--bad)}
.modal-bg{position:fixed;inset:0;background:rgba(15,15,20,.5);z-index:100;display:flex;align-items:flex-start;justify-content:center;padding:6vh 16px;overflow:auto}
.modal{background:#fff;border-radius:20px;max-width:640px;width:100%;padding:26px;box-shadow:0 30px 80px rgba(0,0,0,.3)}.modal h3{font-size:20px;margin-bottom:16px;display:flex}.modal h3 .x{margin-left:auto;background:none;border:0;font-size:22px;cursor:pointer}
.modal .ft{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:12px 20px;border-radius:12px;font-weight:600;z-index:200;box-shadow:var(--sh);animation:tin .25s}
@keyframes tin{from{opacity:0;transform:translate(-50%,10px)}}
.chart{width:100%;height:auto;display:block}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--mut);margin-top:8px}.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.funnel .fr{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:13px}.funnel .fr span{width:110px;color:var(--mut);font-weight:600}.funnel .fr div{height:28px;border-radius:8px;background:var(--ink);color:#fff;font-weight:800;display:flex;align-items:center;padding:0 10px;min-width:36px}
.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.cal .d{background:#fff;border:1px solid var(--line);border-radius:10px;min-height:92px;padding:6px;font-size:12px}.cal .d.off{opacity:.4}.cal .d.today{border-color:var(--acc);box-shadow:0 0 0 2px #fff3cf}.cal .d .ev{background:var(--ink);color:#fff;border-radius:6px;padding:2px 6px;margin-top:4px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal .h{font-size:11.5px;font-weight:800;color:var(--mut);text-align:center;text-transform:uppercase}
.vcard{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:8px}.vcard h4{font-size:16px}.vcard .tags{display:flex;gap:6px;flex-wrap:wrap}
.notice{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:12px 14px;font-size:13.5px;margin-bottom:16px}
.pubhead{background:var(--ink);color:#fff;padding:64px 0}.pubhead h1{font-size:clamp(32px,4.4vw,52px);font-weight:800;margin:10px 0}.pubhead p{color:#c8c8d0;font-size:18px;max-width:640px}
@media(max-width:1100px){.kpi.k6{grid-template-columns:repeat(3,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.grid4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.pnav .links,.pnav .right{display:none}.burger{display:block}.mmenu.open{display:flex;flex-direction:column;gap:4px;padding:12px 20px 20px;border-top:1px solid var(--line)}.mmenu a{padding:10px 0;font-weight:700}
.hero .wrap,.feat,.cmp,.sim,.cta-band,.g2,.g21,.g12,.prob,.auth{grid-template-columns:1fr}.grid3,.metrics{grid-template-columns:1fr 1fr}.foot .cols{grid-template-columns:1fr 1fr}.auth .l{display:none}
.app{grid-template-columns:1fr}.side{position:fixed;left:0;top:0;z-index:90;width:270px;transform:translateX(-100%);transition:.2s;box-shadow:var(--sh)}.side.open{transform:none}.topbar .mb{display:block}.topbar{padding:0 16px}.content{padding:18px 16px 50px}
.kpi,.qa{grid-template-columns:1fr 1fr}.kpi.k6,.kpi.k3{grid-template-columns:1fr 1fr}.fm{grid-template-columns:1fr}section.sec{padding:64px 0}.feat{padding:24px}.cta-band{padding:32px}.float{display:none}.cal .d{min-height:60px}.prob .h:nth-child(2){display:none}}
@media(max-width:560px){.grid3,.metrics,.grid4,.steps{grid-template-columns:1fr}.mock .pipe{grid-template-columns:repeat(2,1fr)}.foot .cols{grid-template-columns:1fr}.wrap{padding:0 16px}}

/* ===== REA: InHire + Deel DNA ===== */
:root{--cream:#FAF6F3;--bento:#F4F4F4;--lav:#efe9ff}
.r-hero{background:linear-gradient(180deg,#fff 0,var(--cream) 100%);padding:84px 0 0;text-align:center;overflow:hidden}
.r-eb{font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#57575c}
.r-h1{font-size:clamp(44px,8vw,96px);font-weight:400;letter-spacing:-.045em;line-height:1;margin:18px auto 22px;max-width:1000px;text-wrap:balance}
.r-h2{font-size:clamp(34px,5vw,56px);font-weight:400;letter-spacing:-.03em;line-height:1.04;text-wrap:balance}
.r-u{background:linear-gradient(transparent 88%,var(--acc) 88%);padding-bottom:2px}
.r-lead{font-size:clamp(17px,1.6vw,20px);line-height:1.5;color:#3a3a3c;max-width:720px;margin:0 auto}
.r-form{display:flex;gap:8px;max-width:620px;margin:30px auto 12px;background:#fff;border:1px solid #e6e1dc;border-radius:14px;padding:8px;box-shadow:0 10px 30px -12px rgba(0,0,0,.15)}
.r-form input{flex:1;border:0;outline:0;padding:12px 14px;font-size:16px;background:transparent;min-width:0}
.r-note{font-size:13.5px;color:#57575c}
.r-shot{max-width:1080px;margin:56px auto 0;padding:0 20px}.r-shot .mock{border-radius:18px 18px 0 0;border-bottom:0;text-align:left}
.r-logos{background:var(--cream);padding:46px 0;text-align:center;overflow:hidden}.r-logos p{font-weight:600;margin:0 0 24px}
.r-mq{display:flex;gap:64px;width:max-content;animation:mq 30s linear infinite;font-weight:800;font-size:24px;color:#9a9aa0;letter-spacing:-.02em}
@keyframes mq{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.r-mq,.float{animation:none}}
.r-sec{padding:110px 0}.r-sec.cr{background:var(--cream)}
.r-split{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:end;margin-bottom:48px}.r-split p{color:#57575c;font-size:17px;margin:0}
.r-pain{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.r-pain>div{background:var(--bento);border-radius:18px;padding:28px;min-height:230px;display:flex;flex-direction:column}
.r-pain b{font-size:44px;font-weight:400;letter-spacing:-.03em}.r-pain h3{font-size:22px;font-weight:600;margin:auto 0 8px}.r-pain p{color:#57575c;margin:0}
.r-center{text-align:center;max-width:860px;margin:0 auto 56px}.r-center p{margin-top:18px}
.r-bento{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.bx{background:var(--bento);border-radius:20px;padding:26px;display:flex;flex-direction:column;gap:14px;overflow:hidden;min-width:0}
.bx.w3{grid-column:span 3}.bx.w2{grid-column:span 2}.bx.w4{grid-column:span 4}.bx h3{font-size:22px;font-weight:600;letter-spacing:-.02em}.bx p{color:#57575c;margin:0}
.bx .art{background:#fff;border-radius:14px;padding:16px;min-height:170px;display:flex;flex-direction:column;justify-content:center;gap:10px}
.bx.dk{background:var(--ink);color:#fff}.bx.dk p{color:#b8b8c2}.bx.ac{background:var(--acc)}.bx.ac p{color:#3a3a00}
.mini{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini>div{border:1px solid #eee;border-radius:10px;padding:10px}.mini small{font-size:10.5px;color:#6b6b72}.mini b{display:block;font-size:17px}
.bars{display:flex;gap:5px;align-items:flex-end;height:44px;margin-top:6px}.bars i{flex:1;border-radius:4px}
.trig{background:#1f1640;color:#fff;border-radius:10px 10px 0 0;padding:6px 10px;font-size:12px;font-weight:600}.trigb{border:1px solid #eee;border-top:0;border-radius:0 0 10px 10px;padding:8px 10px;font-size:12px;margin-bottom:6px}.chip{display:inline-block;background:#fff3cf;border-radius:6px;padding:1px 6px;font-weight:600}.chip.g{background:#dcfce7}
.r-flow{display:grid;gap:22px}.r-row{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center;background:#fff;border-radius:22px;padding:36px}.r-row:nth-child(even){grid-template-columns:1.1fr 1fr}.r-row:nth-child(even)>.tx{order:2}
.r-row .k{font-size:13px;font-weight:700;color:#b07b00}.r-row h3{font-size:clamp(24px,2.6vw,34px);font-weight:400;letter-spacing:-.025em;margin:8px 0 12px}.r-row p{color:#57575c;margin:0}.r-row .vis{background:var(--cream);border-radius:16px;padding:20px;min-height:220px;display:flex;flex-direction:column;justify-content:center;gap:10px}
.wa{max-width:300px;align-self:flex-start;background:#fff;border-radius:12px 12px 12px 2px;padding:10px 12px;font-size:13.5px;box-shadow:0 1px 2px rgba(0,0,0,.06)}.wa.me{align-self:flex-end;background:#dcf8c6;border-radius:12px 12px 2px 12px}
.r-res{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid #e6e1dc}.r-res>div{padding:30px 24px 0 0}.r-res b{display:block;font-size:clamp(40px,5vw,64px);font-weight:400;letter-spacing:-.04em}.r-res span{color:#57575c}
.r-cta{background:var(--ink);color:#fff;border-radius:26px;padding:72px 40px;text-align:center}.r-cta .r-lead{color:#c8c8d0}.r-cta .r-form{background:#2a2a2e;border-color:#3a3a40}.r-cta .r-form input{color:#fff}
@media(max-width:900px){.r-split,.r-row,.r-row:nth-child(even),.r-pain{grid-template-columns:1fr}.r-row:nth-child(even)>.tx{order:0}.r-bento{grid-template-columns:1fr}.bx.w3,.bx.w2,.bx.w4{grid-column:auto}.r-res{grid-template-columns:1fr 1fr}.r-sec{padding:72px 0}.r-row{padding:22px}}
@media(max-width:560px){.r-form{flex-direction:column}.r-form .btn{width:100%}.r-cta{padding:48px 20px}}
.r-row>*,.r-split>*,.g2>*,.bx .art{min-width:0}.r-row .vis .pnl{overflow:hidden}.r-row .vis .t{font-size:12.5px}
.r-row .vis h3{font-size:16px;font-weight:700;letter-spacing:-.01em;margin:0 0 14px}.r-sec:not(.cr) .r-row{background:var(--cream)}.r-sec:not(.cr) .r-row .vis{background:#fff}
/* ===== v3 profissional ===== */
:root{--warm:#171411}
body{background:#fff}.ico{flex:none;display:inline-block;vertical-align:middle}
.btn-soft{background:#f0eeec;color:var(--ink)}.btn-soft:hover{background:#e6e3e0}
.btn-acc{box-shadow:inset 0 -2px 0 rgba(0,0,0,.08)}
.pnav{background:rgba(255,255,255,.92)}.pnav .wrap{height:68px}.pnav .links{align-items:center;gap:6px}.pnav .links>a,.ddb{padding:8px 12px;border-radius:8px;font-weight:500;font-size:14.5px;color:#2b2b2e;background:none;border:0;cursor:pointer;display:inline-flex;gap:4px;align-items:center}.pnav .links>a:hover,.ddb:hover{background:#f4f2f0}
.dd{position:relative}.ddm{position:absolute;top:100%;left:-8px;padding:8px;background:#fff;border:1px solid #ece8e4;border-radius:16px;box-shadow:0 20px 50px -12px rgba(40,30,0,.18);width:340px;display:none;margin-top:6px}.dd:hover .ddm,.dd:focus-within .ddm{display:block}.dd:before{content:"";position:absolute;left:0;right:0;top:100%;height:12px}
.ddm a{display:flex;gap:12px;padding:10px;border-radius:10px;align-items:flex-start}.ddm a:hover{background:#faf6f3}.ddm b{display:block;font-size:14px;font-weight:600}.ddm small{color:#57575c;font-size:12.5px}.ddi{width:34px;height:34px;border-radius:9px;background:#fff6d6;display:grid;place-items:center;color:#6b5000;flex:none}
.h3o{background:radial-gradient(900px 420px at 50% 0,#fff8e1 0,transparent 70%),linear-gradient(180deg,#fff 40%,var(--cream));padding:76px 0 0;text-align:center;overflow:hidden}
.h3o .r-eb{display:inline-block}.chips{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;font-size:13.5px;color:#55555a;margin-top:4px}.chips span{display:inline-flex;gap:6px;align-items:center}.chips .ico{color:#2b8775}
.r-eb{margin-bottom:14px}.r-h2{margin-bottom:0}
.shotwrap{position:relative;max-width:1100px;margin:56px auto 0}
.frame{background:#fff;border:1px solid #e8e3de;border-bottom:0;border-radius:18px 18px 0 0;box-shadow:0 5px 80px rgba(64,46,0,.12);overflow:hidden;text-align:left}
.fbar{height:38px;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid #f0ece8;background:#fbfaf9}.fbar i{width:10px;height:10px;border-radius:50%;background:#e4e0dc}.fbar span{margin:0 auto;font-size:12px;color:#6b6b72;background:#fff;border:1px solid #eee;border-radius:7px;padding:3px 40px}
.fbody{display:grid;grid-template-columns:200px 1fr;min-height:400px}.fside{border-right:1px solid #f0ece8;padding:16px 10px;font-size:13px}.fside img{height:16px;margin:0 6px 14px}.fctx{background:#f7f5f3;border-radius:10px;padding:8px 10px;margin-bottom:10px}.fctx b{display:block;font-size:12.5px}.fctx small{color:#6b6b72;font-size:11px}
.fit{display:flex;gap:9px;align-items:center;padding:8px 10px;border-radius:8px;color:#3a3a3c;font-weight:500}.fit.on{background:var(--ink);color:#fff}.fit em{margin-left:auto;font-style:normal;background:var(--acc);color:var(--ink);font-size:10.5px;font-weight:700;border-radius:99px;padding:0 6px}
.fmain{padding:18px;background:#fafaf9;min-width:0}.fhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.fhead b{font-size:16px}.fbtn{background:var(--acc);border-radius:8px;padding:6px 12px;font-size:12px;font-weight:700}
.fk{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.fk div{background:#fff;border:1px solid #eee;border-radius:12px;padding:10px 12px}.fk small{font-size:11px;color:#6b6b72;display:block}.fk b{font-size:22px;font-weight:600}.fk .hl{background:var(--ink);border-color:var(--ink);color:#fff}.fk .hl b{color:var(--acc)}
.fcols{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.fcol{background:#f1efed;border-radius:12px;padding:8px;min-height:170px}.fcol h6{margin:2px 4px 8px;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:#57575c;display:flex;justify-content:space-between}
.fcard{background:#fff;border:1px solid #eee;border-radius:10px;padding:8px;display:flex;gap:8px;align-items:center;margin-bottom:6px;font-size:11px}.fcard>div:nth-child(2){flex:1;min-width:0}.fcard b{display:block;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fcard small{color:#6b6b72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.fav{width:24px;height:24px;border-radius:50%;background:#f1efed;display:grid;place-items:center;font-size:9.5px;font-weight:700;flex:none}.fcard em{font-style:normal;font-weight:700;color:#2b8775;font-size:11px}
.fl{position:absolute;background:#fff;border:1px solid #ece8e4;border-radius:14px;box-shadow:0 18px 40px -10px rgba(40,30,0,.2);padding:12px 14px;display:flex;gap:10px;align-items:center;text-align:left;font-size:13px;animation:fl 6s ease-in-out infinite}.fl b{display:block}.fl small{color:#57575c;font-size:12px}.fli{width:32px;height:32px;border-radius:9px;background:#fff6d6;display:grid;place-items:center}.fli.ok{background:#dcfce7;color:#166534}.fl1{left:-36px;bottom:70px}.fl2{right:-30px;top:90px;animation-delay:2s}
.r-logos{border-bottom:1px solid #efe9e3}.mqw{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.r-mq span{display:inline-flex;gap:10px;align-items:center;font-size:21px;color:#8e8a86}
.pain3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pain3>div{background:#f7f5f3;border-radius:20px;padding:30px;display:flex;flex-direction:column;gap:10px;min-height:250px}.pain3 h3{font-size:21px;font-weight:600;letter-spacing:-.015em;margin-top:auto}.pain3 p{color:#57575c;margin:0}
.pi,.bi{width:46px;height:46px;border-radius:12px;background:#fff;border:1px solid #ece8e4;display:grid;place-items:center;color:var(--ink)}.bx.dk .bi{background:#2a2a2e;border-color:#3a3a40;color:var(--acc)}.bx.ac .bi{background:rgba(255,255,255,.5);border-color:transparent}
.bx{border-radius:24px;padding:28px}.bx .art{box-shadow:0 1px 2px rgba(0,0,0,.04)}
.jor{background:linear-gradient(180deg,var(--cream),#fff)}
.jtabs{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;background:#fff;border:1px solid #e8e3de;border-radius:16px;padding:8px;max-width:900px;margin:0 auto 28px}.jtabs button{display:inline-flex;gap:8px;align-items:center;border:0;background:none;padding:10px 14px;border-radius:10px;font-weight:500;font-size:14.5px;cursor:pointer;color:#2b2b2e}.jtabs button:hover{background:#faf6f3}.jtabs button.on{background:#fff3cc;box-shadow:inset 3px 0 0 var(--acc);font-weight:600}
.jpanel{display:grid;grid-template-columns:1fr 1.15fr;gap:48px;align-items:center;background:#fff;border:1px solid #ece8e4;border-radius:24px;padding:40px;box-shadow:0 5px 80px rgba(64,46,0,.08)}.jpanel>*{min-width:0}.jn{font-size:12.5px;font-weight:600;color:#9a6c00;text-transform:uppercase;letter-spacing:.1em}.jtx h3{font-size:clamp(26px,3vw,36px);font-weight:400;letter-spacing:-.03em;line-height:1.1;margin:12px 0 14px}.jtx p{color:#57575c;font-size:16.5px;margin:0 0 24px}
.jvis{background:var(--cream);border-radius:18px;padding:22px;min-height:300px;display:flex;flex-direction:column;justify-content:center;gap:10px}.jvis .pnl h3{font-size:15px;font-weight:700}.jvis .float{display:none}
.yband{background:var(--acc);padding:88px 0}.yband .wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}.ybl{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ybl div{background:rgba(255,255,255,.45);border-radius:16px;padding:18px}.ybl b{display:block;font-size:36px;font-weight:400;letter-spacing:-.03em}.ybl span{font-size:13.5px;color:#4a3a00}.ybl .btn{grid-column:1/-1;justify-self:start}
.dsec{background:var(--warm);color:#fff;padding:110px 0}.dsec .r-lead{color:#bdb8b2}.dsec .r-res{border-color:#3a352f}.dsec .r-res span{color:#bdb8b2}.dsec .r-res b{color:#fff}
.tcard{display:grid;grid-template-columns:1.6fr 1fr;gap:0;background:#fff;color:var(--ink);border-radius:24px;margin-top:64px;overflow:hidden}.tq{padding:40px}.tq p{font-size:clamp(19px,2vw,24px);letter-spacing:-.015em;line-height:1.4;margin:0 0 26px}.who{display:flex;gap:12px;align-items:center}.who i{width:44px;height:44px;border-radius:50%;background:var(--acc);display:grid;place-items:center;font-style:normal;font-weight:700}.who b{display:block}.who small{color:#57575c;text-transform:uppercase;font-size:11.5px;letter-spacing:.06em}
.tm{background:#faf6f3;padding:40px;display:flex;flex-direction:column;justify-content:center;gap:20px}.tm b{display:block;font-size:34px;font-weight:400;letter-spacing:-.03em}.tm small{color:#57575c}
.disc{font-size:12.5px;color:#6b6763;margin-top:20px;text-align:center}
.seg{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.seg>div{background:#fff;border:1px solid #ece8e4;border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:6px;transition:.2s}.seg>div:hover{transform:translateY(-3px);box-shadow:0 18px 40px -16px rgba(40,30,0,.2)}.seg b{font-size:16.5px;margin-top:8px}.seg small{color:#57575c}
.price{display:grid;grid-template-columns:1fr 1.2fr;gap:20px;max-width:1000px;margin:0 auto}.pc{background:var(--ink);color:#fff;border-radius:24px;padding:34px;display:flex;flex-direction:column;gap:18px}.pc .btn-ink{background:var(--acc);color:var(--ink)}.pv b{display:block;font-size:56px;font-weight:400;letter-spacing:-.04em;line-height:1.05}.pv small{color:#bdb8b2}.pc ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.pc li{display:flex;gap:10px;align-items:center}.pc li .ico{color:var(--acc)}
.sim2{background:#faf6f3;border-radius:24px;padding:34px}.sim2 h3{font-size:22px;font-weight:600;margin-bottom:18px}.sim2 label{display:flex;justify-content:space-between;font-weight:500;margin:16px 0 8px}.sim2 input{width:100%;accent-color:#1E1E20}.simo{background:#fff;border-radius:16px;padding:20px;margin-top:22px}.simo b{display:block;font-size:44px;font-weight:400;letter-spacing:-.04em}.simo small{color:#57575c}
.faq2{display:grid;grid-template-columns:1fr 1.5fr;gap:64px;align-items:start}.faq2 .r-h2{margin:0 0 16px}.faq2 .faq details{padding:22px 0}.faq2 summary{font-weight:600;align-items:center;gap:20px}.faq2 summary:after{display:none}.fx{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#f0eeec;transform:rotate(45deg);transition:.2s;flex:none}details[open] .fx{background:var(--acc);transform:none}
.pfoot{background:var(--warm);color:#bdb8b2;padding:80px 0 30px;font-size:14px}.fcta{display:flex;justify-content:space-between;align-items:center;gap:24px;background:#221e1a;border:1px solid #332d27;border-radius:24px;padding:36px;margin-bottom:64px;flex-wrap:wrap}.fcta h3{color:#fff;font-size:28px;font-weight:400;letter-spacing:-.02em}.fcta p{margin:6px 0 0}
.pfoot .cols{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:32px}.pfoot img{height:22px;margin-bottom:16px}.pfoot h5{color:#fff;font-size:13px;margin:0 0 14px;font-weight:600}.pfoot a,.pfoot .mail{display:block;padding:5px 0}.pfoot a:hover{color:#fff}.seals{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.seals span{display:inline-flex;gap:6px;align-items:center;border:1px solid #3a352f;border-radius:99px;padding:5px 11px;font-size:12.5px}
.pfoot .bot{border-top:1px solid #332d27;margin-top:48px;padding-top:22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:13px;color:#8e8a86}
.side a.it span:first-child{display:inline-flex}.qa .q .ic{width:44px;height:44px;border-radius:12px;background:#fff6d6;display:grid;place-items:center;color:#6b5000}
.role .ic{color:var(--ink)}
@media(max-width:1000px){.fl{display:none}.seg{grid-template-columns:repeat(2,1fr)}.pfoot .cols{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:900px){.fbody{grid-template-columns:1fr}.fside{display:none}.fk,.fcols{grid-template-columns:repeat(2,1fr)}.pain3,.jpanel,.yband .wrap,.tcard,.price,.faq2{grid-template-columns:1fr}.jpanel{padding:22px;gap:24px}.jtabs{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}.jtabs button{white-space:nowrap}.faq2{gap:24px}.tq,.tm{padding:26px}}
@media(max-width:560px){.seg,.ybl{grid-template-columns:1fr}.pfoot .cols{grid-template-columns:1fr 1fr}.fcols .fcol:nth-child(n+3){display:none}.fbar span{padding:3px 10px}}
.pc .pill{align-self:flex-start}.fl2{top:-22px;right:-24px}.ybl b{font-size:24px;font-weight:500}
.fcols>*,.fk>*{min-width:0}.frame{max-width:100%}
html,body{overflow-x:clip}.jtabs{max-width:100%}
/* subpáginas */
.shero{background:radial-gradient(900px 380px at 50% 0,#fff8e1 0,transparent 70%),linear-gradient(180deg,#fff 30%,var(--cream));padding:84px 0 88px;text-align:center;overflow:hidden}.r-h1.s{font-size:clamp(40px,6vw,72px)}.sctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:30px}.shero .shotwrap{margin-bottom:-88px}
.vbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid #e8e3de;border-radius:16px;padding:10px 14px;margin-bottom:22px}.vbar b{margin-left:auto;font-weight:600}.vbar .inp{border-color:#ece8e4}
.vgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.vc{background:#fff;border:1px solid #ece8e4;border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:8px;transition:.2s}.vc:hover{box-shadow:0 18px 40px -16px rgba(40,30,0,.2);transform:translateY(-2px)}.vc h4{font-size:18px;font-weight:600;letter-spacing:-.015em;margin:6px 0 2px}.vc small{color:#57575c;display:flex;gap:6px;align-items:center}.vf{border-top:1px solid #f0ece8;margin-top:8px;padding-top:12px;display:flex;justify-content:space-between;align-items:baseline}.vf b{font-size:20px;font-weight:600}.vf span{font-size:13px;color:#57575c}.vc .btn{margin-top:6px}
.fpage{text-align:left}.fgrid{display:grid;grid-template-columns:1fr 1.15fr;gap:56px;align-items:start}.fleft{position:sticky;top:100px}.flist{display:grid;gap:16px;margin-top:32px}.flist>div{display:flex;gap:14px;align-items:flex-start}.flist b{display:block}.flist small{color:#57575c}
.fcard2{background:#fff;border:1px solid #ece8e4;border-radius:24px;padding:34px;box-shadow:0 5px 80px rgba(64,46,0,.08)}.fcard2 h3{font-size:22px;font-weight:600;margin-bottom:18px}.fcard2 .inp{border-color:#e6e1dc;border-radius:10px;padding:11px 12px}.fcard2 label{font-weight:500}
.auth .l{background:var(--warm)}.auth .r{background:var(--cream)}.role{border-radius:16px;border-color:#e6e1dc;padding:18px}.role:hover{border-color:var(--ink);box-shadow:0 10px 30px -14px rgba(40,30,0,.25)}.role .ic{background:#fff6d6;color:#6b5000}
@media(max-width:900px){.vgrid,.fgrid{grid-template-columns:1fr}.fleft{position:static}.fcard2{padding:22px}.shero{padding:56px 0 64px}.shero .shotwrap{margin-bottom:-64px}}
/* ===== mobile v2 ===== */
.g2>*,.g21>*,.g12>*,.main,.content,.pnl{min-width:0}
@media(max-width:900px){
 .pnl{overflow-x:auto}.pnl .t{min-width:560px}.pnl .t.nomin,.r-row .t,.jvis .t,.feat .t{min-width:0}
 .kan{display:grid;grid-auto-flow:column;grid-template-columns:none!important;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:0 16px 10px}.kcol{scroll-snap-align:start;min-width:0}
 .topbar h1{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.topbar .btn{padding:7px 10px;font-size:12.5px}
 .kc b{font-size:24px}.qa .q{padding:14px}.cal{gap:3px}.cal .d{font-size:10.5px;padding:4px}.cal .d .ev{font-size:9.5px;padding:1px 3px}
 .modal{padding:20px;border-radius:18px}.modal .ft{flex-wrap:wrap}.modal .ft .btn{flex:1}
 .tb{gap:8px}.tb .inp,.tb select{flex:1 1 140px}
}
@media(max-width:700px){
 .r-sec,.dsec{padding:60px 0}.yband{padding:56px 0}.r-center{margin-bottom:32px}.r-split{gap:14px;margin-bottom:28px}
 .r-h1{font-size:clamp(38px,11vw,52px);letter-spacing:-.04em}.r-h1.s{font-size:clamp(34px,9.5vw,46px)}.r-h2{font-size:clamp(28px,8vw,36px)}
 .r-eb{font-size:11px;letter-spacing:.1em;line-height:1.5}.r-lead{font-size:16.5px}
 .h3o,.shero{padding:44px 0 0}.shero{padding-bottom:56px}.shero .shotwrap{margin-bottom:-56px}.shotwrap{margin-top:36px}
 .chips{gap:6px 14px;font-size:12.5px}
 .pain3>div{min-height:0;padding:22px}.pain3 h3{margin-top:6px;font-size:19px}
 .bx{padding:22px;border-radius:20px}.bx .art{min-height:0}
 .seg{grid-template-columns:1fr 1fr;gap:10px}.seg>div{padding:16px;border-radius:16px}.seg .pi{width:38px;height:38px}.seg b{font-size:15px;margin-top:4px}.seg small{font-size:12.5px}
 .jtabs{margin:0 -16px 18px;border-radius:0;border-left:0;border-right:0;padding:8px 16px;max-width:none}.jvis{padding:14px;min-height:0}.jtx h3{font-size:26px}
 .r-res{grid-template-columns:1fr 1fr;gap:0 16px}.r-res>div{padding:22px 0 0}.r-res b{font-size:36px}
 .tq p{font-size:18px}.tm{flex-direction:row;flex-wrap:wrap;gap:16px}.tm>div{flex:1 1 40%}.tm b{font-size:26px}
 .ybl{grid-template-columns:1fr}.ybl div{padding:14px 16px}
 .pc,.sim2{padding:24px}.pv b{font-size:48px}.simo b{font-size:36px}
 .faq2 .faq details{padding:16px 0}.faq summary{font-size:15.5px}
 .pfoot{padding:56px 0 24px}.fcta{padding:24px;margin-bottom:40px}.fcta h3{font-size:23px}.fcta .btn{width:100%}
 .pfoot .cols{grid-template-columns:1fr 1fr;gap:28px 18px}.pfoot .cols>div{min-width:0}.pfoot .cols>div:first-child{grid-column:1/-1}.pfoot .mail{word-break:break-all;font-size:13px}
 .r-cta{padding:44px 20px;border-radius:22px}.sctas .btn{flex:1 1 100%}
 .vbar{padding:8px}.vbar>span{display:none}.vbar b{width:100%;margin:0;font-size:13.5px}.vc{padding:20px}
 .fgrid{gap:28px}.fcard2{padding:20px;border-radius:20px}.fm .row .inp{min-width:0}.fm .row input.inp{flex:1}.fm .row select.inp{flex:0 0 84px}
 .flist{margin-top:20px}.fleft .r-h1.s{font-size:clamp(32px,9vw,42px)}
 .auth .r{padding:28px 16px}.role{padding:14px}
 .r-logos{padding:32px 0}.r-logos p{font-size:13.5px;padding:0 16px}.r-mq{gap:40px}.r-mq span{font-size:17px}
 .frame{border-radius:14px 14px 0 0}.fmain{padding:12px}.fk b{font-size:18px}.fhead b{font-size:14px}
}
@media(max-width:560px){.topbar .btn{font-size:0;width:36px;height:36px;padding:0;border-radius:10px}.topbar .btn:before{content:"+";font-size:20px;font-weight:600}.h3o .r-eb{max-width:300px;margin-left:auto;margin-right:auto}}
/* ===== área logada no padrão do site ===== */
.app{background:var(--cream);--line:#ece8e4;--soft:#f7f5f3;--soft2:#f1efed;--mut:#6e6e73}
.side{background:#fff;border-right:1px solid #ece8e4}.side .ctx{background:#faf6f3;border:1px solid #f0ebe6;border-radius:14px}.side .ctx b{font-weight:600}
.side .grp{color:#6b6763;font-weight:600;letter-spacing:.12em;font-size:10.5px}.side a.it{font-weight:500;border-radius:10px}.side a.it:hover{background:#faf6f3}.side a.it.on{background:#fff3cc;color:var(--ink);box-shadow:inset 3px 0 0 var(--acc);font-weight:600}
.side a.it .bd{background:var(--ink);color:#fff;font-weight:600}
.topbar{background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid #ece8e4}.topbar h1{font-weight:500;font-size:20px;letter-spacing:-.02em}.topbar .av{font-weight:600}
.kc{border:1px solid #ece8e4;border-radius:20px;padding:20px 22px;box-shadow:0 1px 2px rgba(40,30,0,.03)}.kc small{color:#57575c;font-weight:500;font-size:13px}
.kc b{font-weight:400;font-size:40px;letter-spacing:-.04em;line-height:1.1;margin-top:10px}.kc.hl{background:var(--warm);border-color:var(--warm)}.kc.hl small{color:#bdb8b2}.kc.hl b{color:var(--acc)}
.kpi.k6 .kc b{font-size:32px}
.pnl{border:1px solid #ece8e4;border-radius:20px;padding:22px 24px;box-shadow:0 1px 2px rgba(40,30,0,.03)}.pnl>h3{font-size:16.5px;font-weight:600;letter-spacing:-.01em}
.qa .q{border:1px solid #ece8e4;border-radius:20px;padding:20px}.qa .q b{font-weight:600}
.t th{color:#6b6763;font-weight:600;font-size:11px;letter-spacing:.08em;border-color:#ece8e4}.t td{border-color:#f3efeb}.t tr:hover td{background:#fdfbf9}.t td b{font-weight:600}
.btn-ghost{border-color:#e6e1dc}.btn-ink{background:var(--ink)}
.kcol{background:#f1ede9;border-radius:18px}.kcol h5{font-weight:600;letter-spacing:.08em;font-size:11px;color:#57575c}.kcard{border-color:#ece8e4;border-radius:14px}.kcard b{font-weight:600}
.av2{background:#f1ede9;font-weight:600}.inp,select.inp,textarea.inp{border-color:#e6e1dc}
.funnel .fr div{background:var(--warm);font-weight:600;border-radius:8px}.funnel .fr span{font-weight:500}
.notice{background:#fff8e1;border-color:#f5e3a5;border-radius:14px}
.cal .d{border-color:#ece8e4;border-radius:12px}.cal .d .ev{background:var(--warm)}
.vcard{border-color:#ece8e4;border-radius:20px}.modal{border-radius:24px}.modal h3{font-weight:600}
.pill{font-weight:600}
@media(max-width:900px){.kc b{font-size:30px}.kpi.k6 .kc b{font-size:26px}.pnl{padding:18px}}
.pfoot a.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 28px;color:var(--ink)}.pfoot a.btn:hover{color:var(--ink)}
/* ===== sistema real: estados, autenticação, onboarding ===== */
.loading{display:flex;gap:12px;align-items:center;justify-content:center;padding:48px;color:var(--mut);font-weight:500}
.spin{width:18px;height:18px;border:2.5px solid #e6e1dc;border-top-color:var(--ink);border-radius:50%;display:inline-block;animation:sp .8s linear infinite;vertical-align:-3px}.spin.sm{width:13px;height:13px;border-width:2px;border-color:rgba(0,0,0,.15);border-top-color:currentColor}
@keyframes sp{to{transform:rotate(360deg)}}
.ferr{background:var(--badS);color:#991b1b;border:1px solid #fecaca;border-radius:12px;padding:10px 14px;font-size:14px;font-weight:500;margin-bottom:14px;grid-column:1/-1}
.authf{display:flex;flex-direction:column;gap:6px;margin-top:16px}.authf label{font-weight:500;font-size:13.5px;margin-top:8px}.authf .inp{padding:12px 14px;border-radius:12px;width:100%}
.chkl{gap:10px!important;align-items:flex-start!important;font-weight:400!important;font-size:13.5px;line-height:1.45;margin:12px 0}.chkl input{margin-top:3px;accent-color:var(--ink);flex:none}
.seg2{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#f1ede9;border-radius:14px;padding:5px;margin-top:8px}.seg2 button{border:0;background:none;border-radius:10px;padding:11px;font-weight:600;display:flex;gap:8px;align-items:center;justify-content:center;cursor:pointer;color:var(--mut)}.seg2 button.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.steps3{display:flex;gap:8px;margin:20px 0 24px;flex-wrap:wrap}.steps3>div{display:flex;gap:8px;align-items:center;font-size:13.5px;color:var(--mut);font-weight:500;flex:1;min-width:140px;border-bottom:3px solid #ece8e4;padding-bottom:10px}.steps3 i{font-style:normal;width:24px;height:24px;border-radius:50%;background:#f1ede9;display:grid;place-items:center;font-size:12px;font-weight:700}.steps3 .on{color:var(--ink);border-color:var(--acc)}.steps3 .on i{background:var(--acc)}.steps3 .done{color:var(--ink);border-color:var(--ink)}.steps3 .done i{background:var(--ink);color:#fff}
.app.one{grid-template-columns:1fr}.content.narrow{max-width:860px;margin:0 auto}
.bell{position:relative;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;color:var(--ink)}.bell:hover{background:#f4f2f0}.bell i{position:absolute;top:3px;right:2px;background:var(--bad);color:#fff;font-style:normal;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:9px;display:grid;place-items:center;padding:0 4px}
.nrow{display:flex;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #f0ebe6}.nrow b{display:block;font-weight:600}.nrow small{display:block}.nrow.unread b:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--acc);margin-right:8px;vertical-align:1px}
.vrow{padding:14px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.pill.lg{font-size:14px;padding:6px 14px}
.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}
.side .foot2 .it{display:flex}
@media(max-width:700px){.stg{display:none!important}.seg2 button{font-size:13.5px;padding:10px 6px}}
.acchosen{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid #e6e1dc;border-radius:14px;padding:12px 14px;margin-top:10px}.acchosen b{display:block;font-size:14.5px}.acchosen small{color:var(--mut);font-size:12.5px}.acchosen .pi{width:38px;height:38px}
/* ===== v4: demonstração real, mercado, relatos ===== */
.frame.real img,.demoimg img,.phone img{display:block;width:100%;height:auto}
.frame.real{border-radius:18px 18px 0 0}
.mk{background:#fff}.mkgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mkc{background:var(--warm);color:#fff;border-radius:20px;padding:26px;display:flex;flex-direction:column;gap:8px;min-height:200px}.mkc b{font-size:clamp(38px,4vw,54px);font-weight:400;letter-spacing:-.04em;line-height:1;color:var(--acc)}.mkc span{font-size:15.5px;color:#e9e5e0}.mkc a{margin-top:auto;font-size:12px;color:#9a948d;text-decoration:underline;text-underline-offset:2px}.mkc a:hover{color:#fff}
.mkline{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}.mkline>div{display:flex;gap:14px;align-items:flex-start;background:var(--cream);border-radius:18px;padding:22px}.mkline p{margin:0;color:#55555a;font-size:14.5px}.mkline b{color:var(--ink)}
.demo{display:grid;grid-template-columns:1.6fr 1fr;gap:36px;align-items:center}.demo>*{min-width:0}.demoimg{background:#fff;border:1px solid #e8e3de;border-radius:18px;overflow:hidden;box-shadow:0 5px 80px rgba(64,46,0,.12);cursor:zoom-in;transition:.2s}.demoimg:hover{transform:translateY(-2px)}.demotx h3{font-size:30px;font-weight:400;letter-spacing:-.025em;margin-bottom:12px}.demotx p{color:#57575c;font-size:16px}.demotx ul{list-style:none;padding:0;margin:18px 0 24px;display:grid;gap:10px}.demotx li{display:flex;gap:10px;align-items:center}.demotx li .ico{color:#2b8775}
.mob{background:linear-gradient(180deg,#fff,var(--cream))}.mobg{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:center}.mobg>*{min-width:0}.phone{max-width:300px;margin:0 auto;background:#171411;border-radius:42px;padding:12px;box-shadow:0 30px 80px -20px rgba(40,30,0,.35)}.phone img{border-radius:32px}
.rel{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.relc{margin:0;background:#fff;border:1px solid #ece8e4;border-radius:22px;padding:28px;display:flex;flex-direction:column;gap:22px;box-shadow:0 5px 60px rgba(64,46,0,.06)}.relc blockquote{margin:0;font-size:17px;line-height:1.55;letter-spacing:-.005em}.relc figcaption{display:flex;gap:12px;align-items:center;margin-top:auto}.relc b{display:block}.relc small{color:#57575c}
.modal img{max-height:75vh;object-fit:contain}
#mdl .modal:has(img){max-width:1100px}
@media(max-width:900px){.mkgrid{grid-template-columns:1fr 1fr}.mkline,.demo,.mobg,.rel{grid-template-columns:1fr}.mkc{min-height:0;padding:20px}.demo{gap:20px}.phone{max-width:240px}}
@media(max-width:560px){.mkgrid{grid-template-columns:1fr}}
.dsec .r-res b{font-size:clamp(26px,2.6vw,38px);letter-spacing:-.03em}
/* ===== v5: movimento e acabamento (ritmo InHire) ===== */
.pnav{transition:box-shadow .3s,background .3s}.pnav.scrolled{box-shadow:0 8px 30px -18px rgba(40,30,0,.35);background:rgba(255,255,255,.96)}
.rv{opacity:0;transform:translateY(28px);filter:blur(6px);transition:opacity .8s cubic-bezier(.2,.7,.2,1) var(--d,0ms),transform .8s cubic-bezier(.2,.7,.2,1) var(--d,0ms),filter .8s ease var(--d,0ms)}
.rv.in{opacity:1;transform:none;filter:none}
.r-h1.split .wd{display:inline-block;animation:wdin .9s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i) * 60ms + 80ms)}
@keyframes wdin{from{opacity:0;filter:blur(12px);transform:translateY(.25em)}to{opacity:1;filter:none;transform:none}}
.h3o .r-u,.shero .r-u{background:none;position:relative}.h3o .r-u:after,.shero .r-u:after{content:"";position:absolute;left:0;right:0;bottom:-.02em;height:.09em;background:var(--acc);border-radius:2px;transform-origin:left;animation:ul 1s cubic-bezier(.6,0,.2,1) both;animation-delay:calc(var(--n,8) * 60ms + 200ms)}
@keyframes ul{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.h3o .r-lead,.h3o .r-form,.h3o .chips,.shero .r-lead,.shero .sctas{animation:fup .9s cubic-bezier(.2,.7,.2,1) both}.h3o .r-lead,.shero .r-lead{animation-delay:.45s}.h3o .r-form,.shero .sctas{animation-delay:.6s}.h3o .chips{animation-delay:.72s}
@keyframes fup{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.h3o .shotwrap{perspective:1600px;animation:fup 1.1s cubic-bezier(.2,.7,.2,1) .7s both}
.h3o .shotwrap .frame{transform:rotateX(var(--tilt,0deg)) scale(var(--sc,1));transform-origin:50% 0;transition:transform .12s linear;will-change:transform}
.h3o{position:relative}.h3o:before{content:"";position:absolute;inset:auto -10% 0 -10%;height:60%;background:radial-gradient(50% 60% at 50% 100%,rgba(251,193,4,.22),transparent 70%);pointer-events:none}
.jor,#demonstracao{position:relative;overflow:hidden}.jor:before,#demonstracao:before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(251,193,4,.18),transparent 65%);left:-260px;bottom:-200px;pointer-events:none}#demonstracao:before{left:auto;right:-260px;top:10%;bottom:auto}
.jor>.wrap,#demonstracao>.wrap{position:relative}
.swap-in{animation:swin .55s cubic-bezier(.2,.7,.2,1) both}
@keyframes swin{from{opacity:0;transform:translateY(10px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
.jtabs button{position:relative;overflow:hidden;transition:background .2s,box-shadow .2s}
.jtabs button.run:after{content:"";position:absolute;left:0;bottom:0;height:3px;background:var(--acc);animation:prog 6.5s linear forwards}
@keyframes prog{from{width:0}to{width:100%}}
.demoimg{transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}.demoimg:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 30px 90px -20px rgba(64,46,0,.3)}
.bx,.pain3>div,.mkc,.mkline>div,.relc,.seg>div,.pc,.sim2{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.bx:hover,.pain3>div:hover,.mkline>div:hover{transform:translateY(-4px);box-shadow:0 22px 50px -24px rgba(40,30,0,.28)}
.mkc:hover{transform:translateY(-4px)}
.relc{transition:transform .5s,box-shadow .5s,border-color .5s,opacity .5s}.rel .relc:not(.hl){opacity:.62}.relc.hl{border-color:var(--acc);box-shadow:0 26px 70px -28px rgba(64,46,0,.35);transform:translateY(-6px)}
.reldots{display:flex;gap:8px;justify-content:center;margin-top:22px}.reldots button{width:8px;height:8px;border-radius:99px;border:0;background:#ddd6cf;cursor:pointer;padding:0;transition:width .3s,background .3s}.reldots button.on{width:26px;background:var(--ink)}
.btn{transition:transform .2s,background .2s,box-shadow .2s,border-color .2s}.btn-acc:hover{box-shadow:0 10px 24px -10px rgba(251,193,4,.8)}.btn-ink:hover{transform:translateY(-1px);box-shadow:0 10px 24px -12px rgba(0,0,0,.5)}
.r-mq{animation-duration:40s}.mqw:hover .r-mq{animation-play-state:paused}
.fl{transition:transform .3s}
details .fx{transition:transform .3s,background .3s}.faq details p{animation:fup .4s ease both}
.phone{transition:transform .6s cubic-bezier(.2,.7,.2,1)}.phone:hover{transform:translateY(-6px) rotate(-1deg)}
@media(prefers-reduced-motion:reduce){.rv{opacity:1!important;transform:none!important;filter:none!important}.r-h1.split .wd,.h3o *,.swap-in{animation:none!important}.h3o .shotwrap .frame{transform:none!important}}
@media(max-width:900px){.rel .relc:not(.hl){opacity:1}.relc.hl{transform:none}.h3o .shotwrap .frame{transform:none}}
@media(max-width:700px){.h3o .r-u:after,.shero .r-u:after{display:none}.h3o .r-u,.shero .r-u{background:linear-gradient(transparent 88%,var(--acc) 88%)}}
/* ===== páginas de produto e soluções ===== */
.pgshot{max-width:1000px;margin:48px auto -88px}
.pgfeat{display:grid;gap:18px}.pgfeat.g3{grid-template-columns:repeat(3,1fr)}.pgfeat.g2{grid-template-columns:repeat(2,1fr)}
.pgfeat>div{background:#f7f5f3;border-radius:20px;padding:26px;display:flex;flex-direction:column;gap:10px;transition:transform .35s,box-shadow .35s}.pgfeat>div:hover{transform:translateY(-4px);box-shadow:0 22px 50px -24px rgba(40,30,0,.28)}
.pgfeat h3{font-size:19px;font-weight:600;letter-spacing:-.015em;margin-top:6px}.pgfeat p{margin:0;color:#57575c}
.pgsteps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:s}.pgsteps>div{background:#fff;border:1px solid #ece8e4;border-radius:20px;padding:24px;position:relative}.pgsteps .n{width:36px;height:36px;border-radius:50%;background:var(--acc);display:grid;place-items:center;font-weight:700;margin-bottom:14px}.pgsteps h3{font-size:17px;font-weight:600;margin-bottom:6px}.pgsteps p{margin:0;color:#57575c;font-size:14.5px}
.pgsteps>div:not(:last-child):after{content:"";position:absolute;top:42px;right:-14px;width:12px;height:2px;background:#e3ddd6}
.pgvagas{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.pgvagas>div{background:#fff;border:1px solid #ece8e4;border-radius:16px;padding:18px;display:flex;gap:12px;align-items:center}.pgvagas b{font-weight:600;font-size:14.5px}
.pgmore{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:960px;margin:0 auto}.pgmore a{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid #ece8e4;border-radius:16px;padding:16px 18px;transition:transform .25s,border-color .25s}.pgmore a:hover{transform:translateY(-2px);border-color:var(--ink)}.pgmore b{flex:1;font-weight:600}
@media(max-width:900px){.pgfeat.g3,.pgfeat.g2,.pgsteps,.pgvagas,.pgmore{grid-template-columns:1fr 1fr}.pgsteps>div:after{display:none}.pgshot{margin-bottom:-64px}}
@media(max-width:560px){.pgfeat.g3,.pgfeat.g2,.pgsteps,.pgvagas,.pgmore{grid-template-columns:1fr}.pgshot{margin-bottom:-56px}}

/* v7 demonstração estilo palco */
.dtabs{background:#fff;border:1px solid #e8e3de;border-radius:14px;padding:6px;display:flex;flex-wrap:wrap;justify-content:center;gap:4px;width:fit-content;max-width:100%;margin:0 auto 34px;box-shadow:0 2px 14px rgba(64,46,0,.05)}
.dtabs button{border:0;background:transparent;border-radius:9px;padding:10px 16px;font-weight:600;font-size:14px;display:flex;gap:8px;align-items:center;color:#2b2b2b;cursor:pointer;position:relative;overflow:hidden}
.dtabs button.on{background:#ffc928;color:#1a1a1a}
.dstage.demo{display:block}
.dcopy{text-align:center;max-width:640px;margin:0 auto 34px}.dcopy h3{font-size:22px;font-weight:700;letter-spacing:-.01em;margin-bottom:8px}.dcopy p{color:#555;font-size:17px;line-height:1.55}
.dscene{position:relative;padding:44px 44px 0;border-radius:24px;background:linear-gradient(180deg,#fff8e6 0%,#ffe9a8 55%,#ffd34d 100%);overflow:hidden}
.dscene .demoimg{max-width:820px;border-radius:16px 16px 0 0;border-bottom:0}
.dfloat{position:absolute;right:44px;top:90px;width:300px;background:#fff;border-radius:16px;box-shadow:0 24px 60px rgba(64,46,0,.22);padding:18px;animation:dfin .5s cubic-bezier(.2,.8,.2,1) both}
.dfh{display:flex;gap:10px;align-items:center;margin-bottom:14px}.dfh .pi{width:32px;height:32px;border-radius:9px;background:#f3ecff;color:#7a4be0;display:grid;place-items:center;flex:none}.dfh b{display:block;font-size:14px}.dfh small{color:#6b6b6b;font-size:12px}
.dfr{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:14px}.dfr div{background:#f5f5f4;border-radius:9px;padding:8px 10px}.dfr small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#6b6b6b}.dfr b{font-size:13px}
.dfk{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#6b6b6b;font-weight:700;margin-bottom:8px}
.dfloat ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;position:relative}.dfloat li{display:flex;gap:10px;align-items:center;font-size:13px;font-weight:600;animation:dfin .4s both;animation-delay:calc(.25s + var(--i)*.15s)}
.dfloat li .ico{width:20px;height:20px;border-radius:50%;background:#2b8775;color:#fff;display:grid;place-items:center;padding:4px;flex:none}
@keyframes dfin{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(max-width:900px){.dscene{padding:20px 16px 0}.dfloat{position:relative;right:auto;top:auto;width:auto;margin:-40px 8px 16px}.dtabs{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;width:100%}.dtabs button{white-space:nowrap;padding:9px 12px;flex:none}}
@media(prefers-reduced-motion:reduce){.dfloat,.dfloat li{animation:none}}

/* 11/11: "Veja também" com 4 itens em 2x2 */
.pgmore.pg4{grid-template-columns:repeat(2,1fr);max-width:720px}
@media(max-width:560px){.pgmore.pg4{grid-template-columns:1fr}}

/* 11/11: painel do motorista */
.mc-warn-ic{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--acc);color:var(--ink);font-weight:800;font-size:12px;margin-right:8px;vertical-align:-4px}
.mc-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;line-height:1.4;white-space:nowrap}
.mc-empty{text-align:center;padding:14px 12px 6px}
.mc-empty-ic{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--soft);color:var(--ink2);margin-bottom:12px}
.mc-empty b{display:block;font-weight:600;margin-bottom:4px}
.mc-empty p{margin:0;color:var(--mut);font-size:14px}
.mc-h{display:flex;align-items:center;gap:10px}
.mc-cols{display:grid;grid-template-columns:repeat(3,1fr);margin-top:4px}
.mc-col{padding:4px 24px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.mc-col:first-child{padding-left:0;border-left:0}
.mc-col:last-child{padding-right:0}
.mc-col h4{display:flex;align-items:center;gap:8px;margin:0;font-size:15.5px}
.mc-col p{margin:0}
@media(max-width:900px){.mc-cols{grid-template-columns:1fr}.mc-col{padding:16px 0;border-left:0;border-top:1px solid var(--line)}.mc-col:first-child{border-top:0;padding-top:4px}}

/* 11/11: painel do motorista, ajustes da referência */
.mc-pref .mc-h{font-size:20px;gap:12px}
.mc-pref .mc-cols{margin-top:10px}
.mc-pref .mc-col{gap:14px;padding-top:6px;padding-bottom:6px}
.mc-pref .mc-col h4{font-size:17px;gap:10px}
.mc-in{padding-left:34px;display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.mc-st{margin:0;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.mc-okdot{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#16a34a;color:#fff;font-size:11px;font-weight:800}
.mc-bt{height:48px;border-radius:999px;padding:0 26px;font-size:15px;font-weight:600}
.mc-full{width:100%}
.mc-empty-ic{width:76px;height:76px}
@media(max-width:900px){.mc-in{padding-left:0}.mc-bt{width:100%}}

/* 11/11: preferências do motorista, botões menores e alinhados */
.mc-pref .mc-col .btn{margin-top:auto}
.mc-pref .mc-st{display:block}
.mc-pref .mc-okdot{vertical-align:-3px;margin-left:4px}

/* 11/11: motorista no celular (indicadores, preferências, filtros de vagas e etapas) */
@media(max-width:900px){.kpi.k3d{grid-template-columns:repeat(3,1fr)}.mc-pref .mc-col{padding:16px 0}.mc-pref .mc-col:first-child{padding-top:4px}.mc-pref .mc-col:last-child{padding-bottom:4px}.tbd .inp,.tbd select{flex:1 1 180px}}
@media(max-width:520px){.kpi.k3d{gap:8px}.kpi.k3d .kc{padding:12px}.kpi.k3d .kc small{font-size:12px}.kpi.k3d .kc b{font-size:24px}.tbd select.inp{flex:1 1 calc(50% - 4px);min-width:0;font-size:14px;padding-left:8px;padding-right:6px}.tbd input.inp{flex:1 1 100%}.stg{display:none}}

/* 11/11: barra de etapas na paleta do site (antes verde) */
.prog i.on{background:var(--acc)}