:root{--ac:#7C1FE0;--ac2:#5B12B0;--acs:#EFE4FD;--ink:#17141F;--mu:#5F5A6B;--ln:#ECE6DD;--cream:#FBF8F3;--card:#fff}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:"Plus Jakarta Sans",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--cream);font-size:16px;line-height:1.6}
a{color:var(--ac)}img{max-width:100%}
.w{max-width:1200px;margin:0 auto;padding:0 28px}
/* topo */
.top{font-size:13px;color:var(--mu);border-bottom:1px solid var(--ln)}
.top .w{display:flex;justify-content:space-between;align-items:center;height:38px}
.top a{text-decoration:none}.top a:hover{color:var(--ac)}
.hd{position:sticky;top:0;z-index:30;background:rgba(251,248,243,.86);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--ln)}
.hd .w{display:flex;align-items:center;justify-content:space-between;height:76px;gap:24px}
.hd .logo img{height:38px;width:auto}
.hd nav{display:flex;gap:32px;align-items:center}
.hd nav a{text-decoration:none;font-weight:500;font-size:15px}
.hd nav a:hover{color:var(--ac)}
.pill-cta{display:inline-flex;align-items:center;gap:8px;background:var(--ac);color:#fff!important;text-decoration:none;font-weight:600;font-size:15px;padding:13px 22px;border-radius:999px;box-shadow:0 8px 24px -10px rgba(124,31,224,.7);transition:background .15s,transform .15s}
.pill-cta:hover{background:var(--ac2);transform:translateY(-1px)}
.burger{display:none;background:none;border:1px solid var(--ln);border-radius:12px;width:44px;height:44px}
/* rodapé */
.ft{border-top:1px solid var(--ln);margin-top:96px}
.ft .cols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px;padding:56px 0 40px}
.ft img{height:34px;width:auto;margin-bottom:14px}
.ft p{color:var(--mu);font-size:14.5px;margin:0;max-width:300px}
.ft h4{margin:0 0 12px;font-size:14px;font-weight:600}
.ft ul{list-style:none;margin:0;padding:0}.ft li{margin:0 0 8px;font-size:14.5px;color:var(--mu)}
.ft li a{text-decoration:none}.ft li a:hover{color:var(--ac)}
.ft .bot{border-top:1px solid var(--ln);padding:18px 0 30px;font-size:13.5px;color:var(--mu)}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}
.hd a,.ft a,.top a{color:inherit}.hd .logo img,.ft img{display:block}
:root{--tx:var(--ink);--acl:var(--acs);--bg2:#F4EFE7}
@media (max-width:980px){
.hd nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--cream);flex-direction:column;align-items:stretch;gap:0;padding:8px 28px 20px;border-bottom:1px solid var(--ln)}
.hd nav.open{display:flex}.hd nav a{padding:12px 0;border-bottom:1px solid var(--ln)}.hd nav .pill-cta{justify-content:center;margin-top:14px;border:0}
.burger{display:inline-grid;place-items:center}
.ft .cols{grid-template-columns:1fr 1fr}.top .hide{display:none}
}
@media (max-width:560px){.w{padding:0 16px}.ft .cols{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}
main{min-height:60vh}
.page{padding-top:40px;padding-bottom:24px}
/* blog */
.post-w{max-width:780px;margin:0 auto}
.post-w .eye,.bl .eye{font-size:12.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--ac);margin:0 0 10px}
.post-w h1{font-size:36px;line-height:1.2;font-weight:600;letter-spacing:-.01em;margin:0 0 10px}
.post-w .date{color:var(--mu);font-size:14px;margin:0 0 28px}
.post-w h2{font-size:22px;font-weight:600;margin:34px 0 10px;line-height:1.3}
.post-w h3{font-size:17px;font-weight:600;margin:22px 0 8px}
.post-w p,.post-w li{font-size:16.5px;line-height:1.75}
.post-w p{margin:0 0 16px}
.post-w ul{margin:0 0 18px;padding-left:22px}
.post-w li{margin:0 0 6px}
.post-w .tip{background:var(--acl);border-left:3px solid var(--ac);padding:12px 16px;border-radius:0 10px 10px 0;margin:0 0 18px}
.post-w table{border-collapse:collapse;width:100%;font-size:14.5px;margin:0 0 20px}
.post-w th,.post-w td{border-bottom:1px solid var(--ln);padding:8px 10px;text-align:left;vertical-align:top}
.post-w th{border-top:1.5px solid var(--tx);border-bottom:1.5px solid var(--tx);font-weight:600}
.post-w tr:last-child td{border-bottom:1.5px solid var(--tx)}
.post-w .tw{overflow-x:auto}
.post-w .back{display:inline-block;margin-top:24px;font-weight:600;text-decoration:none}
.bl h1{font-size:36px;font-weight:600;margin:0 0 10px;letter-spacing:-.01em}
.bl .lead{color:var(--mu);font-size:16.5px;margin:0 0 28px}
.bl .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.bl a.card{display:block;border:1px solid var(--ln);border-radius:16px;padding:22px;color:var(--tx);text-decoration:none;transition:border-color .15s}
.bl a.card:hover{border-color:#E7DBF3}
.bl small{display:block;font-size:12.5px;color:var(--mu);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}
.bl b{display:block;font-size:17px;font-weight:600;line-height:1.4;margin-bottom:8px}
.bl span{display:block;font-size:14.5px;color:var(--mu)}
.nf{text-align:center;padding:80px 0}
.nf h1{font-size:34px;margin:0 0 10px}

.bl a.card{background:#fff;border-radius:22px}.bl a.card:hover{border-color:#D6BFF7}.post-w h1,.bl h1{font-weight:600;letter-spacing:-.02em}
@media (max-width:980px){.bl .grid{grid-template-columns:1fr}}@media (max-width:560px){.post-w h1,.bl h1{font-size:28px}}
.hd nav a.on{color:var(--ac)}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;background:#fff;padding:8px 12px;z-index:100}
/* ===== tema das páginas internas ===== */
.grad{background:linear-gradient(95deg,#7C1FE0 0%,#5B5CF0 55%,#3E8BF5 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
main{position:relative}
.pg-bg{position:absolute;left:0;right:0;top:0;height:620px;overflow:hidden;pointer-events:none;z-index:0}
.pg-bg::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(124,31,224,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(124,31,224,.05) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 75% 80% at 50% 0%,#000 35%,transparent 100%);mask-image:radial-gradient(ellipse 75% 80% at 50% 0%,#000 35%,transparent 100%)}
.pg-bg i{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5}
.pg-bg .b1{width:520px;height:520px;background:#E7D3FF;right:-140px;top:-120px}
.pg-bg .b2{width:380px;height:380px;background:#FBE3F1;left:-160px;top:180px}
.page{position:relative;z-index:1}
body #ipst,body #ipb,body #ipj{--ac:#7C1FE0;--ac2:#5B12B0;--acl:#EFE4FD;--acm:#DCC6FA;--ln:#ECE6DD;--sh:0 1px 2px rgba(40,20,70,.03),0 10px 30px -18px rgba(60,20,110,.22)}
body #ipst .ip-hero,body #ipb .b-hero,body #ipj .j-hero{border-bottom:0;padding:28px 0 44px;margin-bottom:8px}
body #ipst .ip-eyebrow,body #ipb .b-eye,body #ipj .j-eye,.bl .eye,.post-w .eye{display:inline-flex;align-items:center;gap:8px;background:#EFE4FD;color:#5B12B0;border:1px solid #DCC6FA;font-size:14px;font-weight:500;letter-spacing:0;text-transform:none;padding:7px 16px;border-radius:999px;margin:0 0 22px}
body #ipst .ip-eyebrow::before,body #ipb .b-eye::before,body #ipj .j-eye::before,.bl .eye::before,.post-w .eye::before{content:"";width:15px;height:15px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235B12B0' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M12 3l1.9 5.1L19 10l-5.1 1.9L12 17l-1.9-5.1L5 10l5.1-1.9z'/%3E%3C/svg%3E") center/15px no-repeat}
body #ipst .ip-hero h1,body #ipb h1,body #ipj h1,.bl h1{font-size:clamp(38px,5.2vw,64px)!important;font-weight:400!important;line-height:1.05!important;letter-spacing:-.025em!important;margin:0 0 18px!important}
.post-w h1{font-size:clamp(32px,4.4vw,50px);font-weight:400;line-height:1.1;letter-spacing:-.025em}
body #ipst .ip-hero-l,body #ipb .b-lead,body #ipj .j-lead,.bl .lead{font-size:18px;line-height:1.6;max-width:640px}
body #ipst .ip-facts li{font-size:14px;color:var(--mu)}
body #ipst .btn,body #ipb .btn,body #ipj .j-btn{border-radius:999px}
body #ipst .btn:not(.sec):not(.sm),body #ipb .btn:not(.sec):not(.sm),body #ipj .j-btn:not(.sec){box-shadow:0 8px 20px -10px rgba(124,31,224,.6)}
body #ipst .ip-hero-cta .btn{padding:13px 22px}
body #ipb .b-card,body #ipb .res,body #ipb .b-chart,body #ipb .empty,body #ipj .j-card,body #ipj .j-tw,body #ipst .box,body #ipst .hm-big,body #ipst .hm-card{border-radius:22px}
body #ipb .b-card,body #ipj .j-card{padding:26px 28px}
body #ipst .ip-nav{border-radius:20px}
body #ipst .hm-big{padding:24px 26px}
body #ipst .hm-ic{border-radius:14px}
body #ipst textarea,body #ipst input[type=text],body #ipst input[type=number],body #ipst select,body #ipb input,body #ipb select,body #ipj input,body #ipj select{border-radius:12px}
body #ipst .ip-search input{border-radius:12px!important}
.bl a.card{padding:28px}
.post-w{background:#fff;border:1px solid var(--ln);border-radius:28px;padding:48px 56px;box-shadow:0 10px 30px -18px rgba(60,20,110,.22)}
@media (max-width:640px){.post-w{padding:28px 22px;border-radius:22px}body #ipb .b-card,body #ipj .j-card{padding:20px}}
.bl h1 .grad{display:inline;font-size:inherit;color:transparent}

body #ipst,body #ipb,body #ipj,body #ipst button,body #ipst input,body #ipst select,body #ipst textarea{font-family:"Plus Jakarta Sans",-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
