/* Shared product design, matching the approved YellowSync landing page.
   Loaded last so legacy layout/metrics helpers keep their behaviour. */
:root {
  --tinta:#242720;--fundo:#f8f7f1;--azul:#343b28;--azul-d:#242720;
  --realce:#f2f44b;--accao:#397149;--erro:#a72d25;--borda:#dedfd3;
  --p-ink:#242720;--p-muted:#6a6d61;--p-paper:#fffefa;--p-soft:#eceddd;
  --m-ink:#242720;--m-mut:#6a6d61;--m-line:#dedfd3;--m-soft:#f3f3e9;--m-marca:#d2d63c;
  --ys-ink:#242720;--ys-ink-2:#4a5040;--ys-ink-3:#6a6d61;--ys-ink-4:#73796a;
  --ys-line:#dedfd3;--ys-line-2:#e9e9de;--ys-paper:#fffefa;--ys-ground:#f8f7f1;
  --ys-blue:#343b28;--ys-blue-d:#242720;--ys-blue-t:#eceddd;--ys-yellow:#f2f44b;
  --ys-r:10px;--ys-r-lg:22px;--ys-sh-2:0 14px 40px -28px #343b2840;
}
*{box-sizing:border-box}body{margin:0;background:var(--fundo);color:var(--p-ink);font:14px/1.65 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
button,input,textarea,select{font:inherit}a{color:inherit;text-underline-offset:4px}::selection{background:var(--realce);color:var(--p-ink)}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #687149;outline-offset:4px}
.skip-link{position:absolute;left:16px;top:-80px;background:var(--p-ink);color:white;padding:12px 18px;border-radius:8px;z-index:100}.skip-link:focus{top:12px}
.topo{max-width:1200px;margin:0 auto;min-height:98px;padding:20px 0;background:transparent;border-bottom:1px solid var(--borda);gap:24px}
.marca{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;font-size:23px;font-weight:750;letter-spacing:-1px;color:var(--p-ink);text-decoration:none;line-height:1}
.marca__icon{display:grid;place-items:center;width:33px;height:33px;border-radius:9px;background:var(--realce);font-size:28px;line-height:1;padding-bottom:5px}
.topo nav{gap:25px;font-size:13px}.topo nav>a:not(.btn){text-decoration:none;font-weight:550}.topo nav>a:hover{text-decoration:underline}.topo .btn{background:var(--p-ink);color:var(--p-paper);padding:10px 16px;font-size:12px;white-space:nowrap}.topo .btn:hover{background:#454b37}.nav-org{font-size:12px;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--p-muted)}
.product-main{width:100%;max-width:1200px;margin:0 auto;padding:44px 0 72px;min-height:calc(100vh - 265px)}
h1,h2,h3{color:var(--p-ink);line-height:1.18;letter-spacing:-.035em}h1{font-size:38px;margin:0 0 16px;font-weight:720}h2{font-size:24px;margin:0 0 15px}h3{font-size:17px}p{margin:0 0 16px}
.product-eyebrow{font-size:10px;font-weight:650;letter-spacing:.13em;line-height:1.6;text-transform:uppercase;color:var(--p-muted);margin:0 0 17px}
.text-highlight{background:var(--realce);box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 3px}
.btn,.ys-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--realce);color:var(--p-ink);border:1px solid #e1e34a;border-radius:9px;padding:11px 18px;font-size:13px;font-weight:650;line-height:1.45;text-decoration:none;cursor:pointer;box-shadow:0 2px 0 #252b0e09}
.btn:hover,.ys-btn:hover{background:#e8eb37;color:var(--p-ink);border-color:#ced12d;transform:none}.btn:disabled,button:disabled{cursor:wait;opacity:.6}.btn--fino{background:var(--p-paper);border-color:var(--borda);padding:7px 10px;font-size:12px;box-shadow:none}.btn--fino:hover{background:var(--p-soft);border-color:#bfc4aa}.btn--mini{padding:7px 14px;font-size:12px}.link{color:#4a533a;font-size:12px}.link--danger{color:var(--erro)}
.cartao{background:var(--p-paper);border:1px solid var(--borda);border-radius:20px;padding:30px;margin-bottom:22px;box-shadow:0 8px 28px -25px #24272040}.painel__corpo>.cartao{max-width:none}.nota{color:var(--p-muted);font-size:13px;line-height:1.65}.estreito{max-width:600px!important;margin:24px auto}
label{font-size:12px;font-weight:650;margin:16px 0 7px}input,textarea,select{background:white;color:var(--p-ink);border:1px solid #d5d9cb;border-radius:9px;padding:11px 13px;line-height:1.5;min-width:0}input::placeholder{color:#94998b}input:focus-visible,textarea:focus-visible,select:focus-visible{border-color:#687149;outline:2px solid #9ba581;outline-offset:2px}input[type=checkbox]{accent-color:#515c38}input[type=hidden]{display:none}.aceitar{gap:11px;align-items:flex-start}.aceitar input{margin-top:4px}.aceitar span{font-size:11px;line-height:1.65;color:var(--p-muted)}.aceitar a{color:var(--p-ink)}
.erro{background:#fff1ed;border:1px solid #edc2b7;color:var(--erro);border-radius:10px;padding:12px 15px;font-size:13px;font-weight:500}.erro-linha{color:var(--erro)}.aviso{background:#f5f5da;border:1px solid #dcdca6;border-radius:14px;padding:20px 24px;font-size:13px}.aviso p:last-child{margin-bottom:0}.aviso--ok{background:#eef3e7;border-color:#d1ddc0}.aviso--demo{background:#f4f4df;border-left-color:#c5cc35}.chave,.codigo{background:#f1f2e8;border:1px solid var(--borda);padding:13px 15px;border-radius:9px;font-size:12px}.amarelo{background:var(--realce)}
.hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.rodape{width:min(1200px,calc(100% - 64px));margin:0 auto;border-top:1px solid var(--borda);padding:26px 0 34px;text-align:left;color:var(--p-muted)}.rodape__links{justify-content:flex-start;gap:10px 23px;margin:0 0 15px;font-size:11px}.rodape__links a{color:#505744}.rodape__legal{margin:0;font-size:10px;max-width:900px;color:#7d8375}
/* Account entry: the same quiet editorial layout as the public homepage. */
.auth-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:100px;align-items:center;max-width:1080px;margin:26px auto 30px}.auth-story h2{font-size:55px;line-height:1.08;letter-spacing:-2.4px;margin:0 0 23px;max-width:490px}.auth-story>p:not(.product-eyebrow):not(.example-caption):not(.auth-privacy){font-size:16px;line-height:1.75;color:var(--p-muted);max-width:360px}.auth-card{padding:38px;max-width:none;margin:0;box-shadow:0 18px 50px -38px #29351b55}.auth-card h1{font-size:31px;letter-spacing:-1.2px;max-width:360px}.auth-card .product-eyebrow{margin-bottom:14px}.auth-intro{font-size:13px;color:var(--p-muted);margin-bottom:26px}.auth-card form>.btn{width:100%;margin:23px 0 13px;min-height:46px}.auth-card .nota:last-child{margin-bottom:0}.auth-card .nota a{font-weight:600}.auth-card label input{margin-top:7px}.auth-card .aceitar{margin-top:20px}
.auth-example{display:grid;grid-template-columns:38px 1fr;gap:13px;align-items:center;padding:23px;max-width:375px;margin-top:34px;background:var(--p-paper);border:1px solid var(--borda);border-radius:17px;box-shadow:0 9px 25px -23px #24272050}.example-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#e3e9df;font-size:11px;color:#68735b}.example-name{font-size:13px;font-weight:650}.example-role{display:block;font-size:10px;color:var(--p-muted)}.example-mark{grid-column:1/-1;background:var(--realce);border-radius:8px;display:flex;align-items:center;gap:12px;padding:13px}.example-mark>span:first-child{font-size:25px;font-weight:750;border-right:1px solid #bdc236;padding-right:12px;line-height:1}.example-mark strong,.example-mark small{display:block}.example-mark strong{font-size:11px}.example-mark small{font-size:9px;color:#61682e}.example-mark>span:last-child{margin-left:auto}.example-caption{font-size:10px;color:#7d8375;margin-top:12px}.auth-privacy{font-size:11px;color:var(--p-muted);padding-top:25px;margin-top:26px;border-top:1px solid var(--borda);max-width:375px}
/* Workspace: clear page titles, useful space, quiet controls. */
.painel{grid-template-columns:190px minmax(0,1fr);gap:44px;margin-top:0}.lateral{top:28px;gap:6px}.sidebar-label{font-size:9px;font-weight:650;letter-spacing:.14em;color:#8a907f;margin:4px 14px 15px}.lat{padding:12px 14px;border-radius:10px;color:#6a705e;font-size:13px;font-weight:550}.lat:hover{background:#eeefe3}.lat.is-on{background:var(--realce);color:var(--p-ink);font-weight:650}.lat__i{font-size:14px;color:#899174}.lat.is-on .lat__i{color:#50582e}.lat__n{background:#e9ecdd;color:#616a4d;font-size:10px}.lat.is-on .lat__n{background:#e5e83f;color:#515627}.workspace-heading{margin-bottom:31px}.workspace-heading h1{font-size:36px;letter-spacing:-1.4px;margin-bottom:12px}.workspace-heading .product-eyebrow{margin-bottom:12px}.workspace-heading>p:last-child{font-size:14px;color:var(--p-muted);margin:0}.grelha{gap:22px;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.num{font-size:40px;font-weight:650;letter-spacing:-1.6px;margin-top:22px}.passos{border:1px solid var(--borda);background:var(--p-paper)}.arranque__topo h2{font-size:23px;letter-spacing:-.7px}.arranque__lead{font-size:13px;color:var(--p-muted)}.passo{padding:25px 0;gap:16px}.passo__n{background:#f0f1df;color:#58633c;border-radius:10px;font-size:13px}.passo.feito .passo__n{background:#e7eedf;color:#527043}.passo__txt h3{font-size:15px}.progresso__barra{background:#e9ebde}.progresso__cheio{background:#d4d83a}.progresso--3{background:#799457}.progresso__txt{color:var(--p-ink)}.progresso__de{color:#8b927d}.lugares{background:#f1f2e8;border-color:var(--borda);color:#626b51;font-size:11px}.pessoas{border-color:var(--borda);border-radius:12px}.pessoa{padding:14px;flex-wrap:wrap;gap:10px}.pessoa:hover{background:#fafaf2}.pessoa__id{min-width:140px}.pessoa__nome{font-size:13px}.pessoa__email{color:#7b8470;font-size:11px}.pessoa .btn--fino{font-size:11px}.selo{font-size:10px;background:#ecefe4;color:#6b745c}.selo--ok{background:#e8f0df;color:#447045}.selo--meio{background:#f5f0d4;color:#80752c}.juntar{align-items:stretch;gap:10px}.juntar input[type=email]{border-color:#d5d9cb;padding:11px 13px;background:white;min-width:0}.juntar .btn{margin:0}.table-scroll{overflow-x:auto;border:1px solid var(--borda);border-radius:12px;margin:20px 0}table{font-size:12px}th{background:#f2f3e9;color:#6c745d;font-size:10px;text-transform:uppercase;letter-spacing:.05em}th,td{padding:13px 14px;white-space:nowrap}.kpis{border-radius:13px}.kpi{background:#fafaf3;padding:19px 16px}.kpi__n{font-size:30px;font-weight:650}.grafico{background:#fffefa}.segm__b.is-on{background:#e8edbe}.ctl__data{padding:7px 9px;font-size:12px}.ctl__data:focus{outline-color:#9ba581;border-color:#687149}.e-exemplo::before{background:#f3f4d3;color:#6c703c;border-color:#dce09e}.pm{border-bottom-color:var(--borda)}
/* Invitation, billing, legal and transactional pages share the same shell. */
.convite{max-width:780px;padding:16px 0 20px}.convite__de{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--p-muted);margin-bottom:18px}.convite h1{font-size:42px;letter-spacing:-1.7px;max-width:670px;margin-bottom:23px}.convite__lead{font-size:16px;line-height:1.75;color:var(--p-muted);max-width:640px}.instalar{background:var(--p-paper);border:1px solid var(--borda);border-radius:20px;padding:30px;margin-top:32px}.instalar>li{border-left-color:var(--borda);padding-bottom:30px}.instalar>li:last-child{border-left-color:transparent}.instalar>li::before{background:var(--realce);color:var(--p-ink);font-size:12px}.instalar h2{font-size:17px}.instalar p{font-size:13px;color:var(--p-muted)}.convite__nota{font-size:12px;color:var(--p-muted)}.convite__privacidade{background:#ebeedf;border:1px solid #dbe0cd;border-radius:18px;padding:27px 30px;margin-top:32px;font-size:13px}.convite__privacidade ul{color:#5b6550}.convite__privacidade p:last-child{margin-bottom:0}.legal{color:var(--p-ink);padding-top:10px}.legal h1{font-size:42px;letter-spacing:-1.6px}.legal h2{border-color:var(--borda);font-size:20px}.legal a{color:#4b5835}.legal__resumo{background:#eff1df;border:1px solid #d8dfc1;border-radius:16px;padding:24px}.legal__meta,.legal__nota{color:var(--p-muted)}.subscription-page .product-main{padding-top:0}.sub-top{padding-top:40px}.sub-top .ys-wrap{max-width:none;padding:0}.sub-story h1{font-size:43px;letter-spacing:-1.7px}.sub-card{border-radius:22px;background:var(--p-paper);box-shadow:none}.sub-card__eur{font-size:49px;letter-spacing:-2px}.sub-card__eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.06em}.sub-demo .ys-win{box-shadow:none}.ys-platform-label{font-size:10px;font-weight:650;color:#627081}.sub-step{color:#4a533a}.sub-step:hover{background:var(--p-soft)}.sub-saved{border-color:#c1c73d}.sub-story .example-caption{font-size:10px}
/* The existing campaign pages use this shared brand without changing their links. */
.cmp{background:var(--fundo);color:var(--p-ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.cmp__topo{max-width:1200px;margin:auto;border-color:var(--borda);padding:25px 20px}.cmp__topo .marca{font-size:23px;gap:10px}.cmp__cta{background:var(--realce);border:1px solid #e1e34a;color:var(--p-ink)}.cmp__cta:hover{background:#e8eb37;transform:none}.cmp__oferta{background:#eff1df;border-color:#dce1c8}.cmp__col{background:var(--p-paper);border-color:var(--borda)}.cmp__col--sim{background:#eff3e8}.cmp__rodape{border-color:var(--borda)}
@media(max-width:1300px){.topo,.product-main{width:calc(100% - 80px)}}
@media(max-width:1000px){.auth-layout{gap:45px}.auth-story h2{font-size:45px}.auth-card{padding:28px}.painel{grid-template-columns:168px minmax(0,1fr);gap:27px}.cartao{padding:25px}.nav-org{max-width:180px}}
@media(max-width:820px){.topo,.product-main{width:calc(100% - 48px)}.topo{min-height:85px}.painel{grid-template-columns:minmax(0,1fr);gap:25px}.lateral{position:static;flex-direction:row;overflow-x:auto;padding-bottom:8px;border-bottom:1px solid var(--borda)}.sidebar-label{display:none}.lat{white-space:nowrap;flex-shrink:0}.lat__i{display:none}.workspace-heading h1{font-size:32px}.auth-layout{gap:28px}.auth-story h2{font-size:39px}.auth-story>p:not(.product-eyebrow):not(.example-caption):not(.auth-privacy){font-size:14px}.auth-example{padding:18px}.auth-card h1{font-size:28px}.auth-card{padding:25px}.auth-privacy{display:none}}
@media(max-width:650px){.auth-layout{grid-template-columns:1fr;max-width:460px;margin:8px auto 10px;gap:28px}.auth-story h2{font-size:36px;max-width:420px}.auth-story h2 br{display:none}.auth-story .product-eyebrow{font-size:9px}.auth-story>p:not(.product-eyebrow):not(.example-caption):not(.auth-privacy){max-width:440px;font-size:13px;margin-bottom:0}.auth-example,.auth-story .example-caption{display:none}.auth-card{padding:28px}.auth-story h2{margin-bottom:16px}.topo nav{gap:17px}.nav-org{max-width:130px}.convite h1{font-size:34px}.sub-story h1{font-size:36px}.legal h1{font-size:34px}}
@media(max-width:480px){.topo,.product-main{width:calc(100% - 36px)}.topo{min-height:78px;gap:12px}.marca{font-size:20px;gap:8px}.marca__icon{width:30px;height:30px;font-size:25px}.topo nav{gap:12px;font-size:11px}.topo .btn{font-size:10px;padding:9px 10px}.nav-org{display:none}.product-main{padding:25px 0 42px}.auth-card{padding:24px}.auth-card h1{font-size:27px}.auth-card .nota{font-size:12px}.auth-story h2{font-size:32px;letter-spacing:-1.3px}.cartao{padding:22px;border-radius:16px}.workspace-heading h1{font-size:29px}.workspace-heading>p:last-child{font-size:13px}.workspace-heading{margin-bottom:24px}.lat{padding:10px 12px;font-size:12px}.painel{gap:20px}.passo{grid-template-columns:27px minmax(0,1fr);gap:12px}.passo__n{width:27px;height:27px}.arranque__topo{flex-wrap:wrap;gap:20px}.progresso{flex-direction:row;align-items:center;gap:12px}.arranque__topo h2{font-size:21px}.nota{font-size:12px}.pessoa{padding:12px}.pessoa__id{min-width:125px}.pessoa__email{max-width:195px}.pessoa .btn--fino{padding:7px 9px}.juntar{flex-wrap:wrap}.juntar input[type=email]{flex-basis:180px;max-width:100%}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi{padding:15px 12px}.kpi__n{font-size:27px}.ctl__data{max-width:145px}.convite{padding:4px 0 20px}.convite h1{font-size:31px;letter-spacing:-1px}.convite__lead{font-size:14px}.instalar{padding:23px 20px}.instalar>li{padding-left:32px}.instalar h2{font-size:15px}.instalar .btn{font-size:12px;padding:11px 12px}.convite__privacidade{padding:23px}.legal h1{font-size:32px}.legal__resumo{padding:20px}.sub-story h1{font-size:34px}.sub-card{padding:24px}.sub-top{padding-top:8px}.rodape{width:calc(100% - 36px);padding-top:23px}.rodape__links{gap:10px 17px}.rodape__legal{font-size:9px}.linha-form{align-items:flex-start}.linha-form label{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.usage-grid .num{margin:12px 0}.usage-grid .product-eyebrow{margin:0}.usage-grid .cartao{height:100%}.usage-limit{font-size:20px;letter-spacing:-.5px;font-weight:500;color:#7d856d}.card-link{display:inline-flex;gap:13px;margin-top:10px;font-size:12px;font-weight:650;text-decoration:none}.card-link:hover{text-decoration:underline}
@media(max-width:360px){.topo .marca{font-size:17px;gap:6px}.topo .marca__icon{width:27px;height:27px;font-size:24px}.topo nav{gap:9px}.topo .btn{font-size:9px;padding:9px 8px}.topo{gap:9px}}
