@font-face{font-family:GuideManrope;src:url("/manrope.ttf") format("truetype");font-display:swap}
.guide-page,.credit-guide-dialog{font-family:GuideManrope,system-ui,sans-serif;color:#f3f2ef;background:#090c12;font-size:1rem;line-height:1.65}
.guide-page{margin:0;min-height:100vh;color-scheme:dark}
.guide-header,.guide-page main,.guide-footer{width:min(46rem,calc(100% - 2.5rem));margin-inline:auto}
.guide-header,.guide-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:1rem;border-bottom:1px solid #303742}
.guide-brand{display:inline-flex;align-items:center;gap:.55rem;color:#f3f2ef!important;font-size:1.3rem;font-weight:720;text-decoration:none}
.guide-page a,.credit-guide-dialog a{color:#d8efc2;text-underline-offset:.2em}
.guide-page a:focus-visible,.credit-guide-dialog :focus-visible{outline:3px solid #efd5ac;outline-offset:3px}
.guide-skip{position:absolute;left:.75rem;top:-5rem;background:#171b23;padding:.5rem}
.guide-skip:focus{top:.5rem}
.credit-guide{max-width:46rem;overflow-wrap:anywhere;margin-inline:auto;padding:clamp(1.6rem,5vw,3.7rem) 0 1.5rem}
.credit-guide h1,.credit-guide h2,.credit-guide h3{color:#f3f2ef;line-height:1.18;letter-spacing:-.035em}
.credit-guide h1{font-size:clamp(2.05rem,5vw,3.25rem);margin:0 0 .8rem}
.credit-guide h2{font-size:clamp(1.3rem,3vw,1.65rem);margin:0 0 .8rem}
.credit-guide h3{font-size:1.05rem;margin:1.55rem 0 .3rem}
.credit-guide p{color:#d4d7dc;margin:.5rem 0 .8rem}
.credit-guide .guide-intro{font-size:1.09rem;color:#bbc2cb;max-width:54ch}
.credit-guide section{margin-top:1.8rem;padding-top:1.5rem;border-top:1px solid #303742}
.credit-guide :is(dl,ul){margin:.8rem 0 1rem}
.guide-sources>div{margin:.9rem 0}
.credit-guide dt,.credit-guide strong{color:#f3f2ef;font-weight:700}
.credit-guide dd{margin:.12rem 0 0;color:#d4d7dc}
.guide-prices{padding:0 1rem;border:1px solid #313946;border-radius:1rem;background:#141922}
.guide-prices>div{display:flex;align-items:baseline;justify-content:space-between;gap:.45rem 1.4rem;flex-wrap:wrap;padding:.8rem 0}
.guide-prices>div+div{border-top:1px solid #313946}
.guide-prices dd strong{color:#d8efc2;white-space:nowrap}
.credit-guide .guide-note{color:#bac3ce;font-size:.94rem}
.guide-example{padding:.9rem 1.1rem;border-left:3px solid #a3be91;background:#151c20;border-radius:0 .65rem .65rem 0}
.guide-footer{border-bottom:0;border-top:1px solid #303742;margin-bottom:1rem}
.guide-header a,.guide-footer a{display:inline-flex;align-items:center;min-height:44px}
.credit-guide-dialog{color-scheme:dark;box-sizing:border-box;border:1px solid #37414d;border-radius:1.25rem;width:min(45rem,calc(100% - 1.25rem));max-height:90vh;max-height:90dvh;margin:auto;padding:0;overflow-y:auto;overscroll-behavior:contain}
.credit-guide-dialog::backdrop{background:#04070acc}
.credit-guide-dialog .guide-controls{position:sticky;top:0;display:flex;justify-content:flex-end;background:#10151df5;border-bottom:1px solid #313946;padding:.45rem .85rem;z-index:1}
.credit-guide-dialog .guide-controls button{min-height:44px;padding:.4rem .9rem;color:#d8efc2;background:transparent;border:1px solid #4c584b;border-radius:1.2rem;font:inherit;cursor:pointer}
.credit-guide-dialog .guide-content{padding:0 clamp(1rem,3vw,1.8rem)}
.credit-guide-dialog .credit-guide{padding-top:1.2rem}
@media(max-width:480px){.guide-prices>div{display:block}.guide-prices dd{margin-top:.15rem}}

.guide-levels details{border:1px solid #34404b;border-radius:.85rem;margin:.55rem 0;background:#11171e}
.guide-levels summary{cursor:pointer;min-height:44px;box-sizing:border-box;padding:.7rem .95rem;color:#d8efc2;line-height:1.4}
.guide-levels summary strong{margin-right:.55rem}
.guide-levels summary span{color:#ced4db;font-size:.94rem}
.guide-levels summary:focus-visible,.guide-legacy summary:focus-visible{outline:2px solid #e1efcf;outline-offset:2px}
.guide-levels details>p,.guide-levels details>ul{margin:.65rem .95rem}
.guide-levels details>ul{list-style:none;padding:0;margin-bottom:1rem}
.guide-levels li{display:flex;align-items:baseline;justify-content:space-between;gap:.4rem 1rem;padding:.38rem 0;border-top:1px solid #303944}
.guide-use-cost{flex:none;color:#cfe2c0;font-size:.92rem}
.guide-legacy{margin:.9rem 0}.guide-legacy summary{cursor:pointer;color:#d8efc2;padding:.6rem 0;min-height:44px;box-sizing:border-box}
@media(max-width:420px){.guide-levels summary span{display:block;margin:.15rem 0 0 .95rem}.guide-levels li{flex-wrap:wrap}}

/* The account, demo, tool dialog and public guide present the same server-owned offer. */
:where(.app-shell,.credit-guide,.wallet-plan-dialog) .founder-offer{
  margin:1.4rem 0;padding:clamp(1.1rem,3vw,2rem);border:1px solid #556d52;border-radius:1.15rem;
  background:linear-gradient(145deg,#202d24 0%,#171e20 80%);color:#eff4ed;overflow-wrap:anywhere
}
:where(.app-shell,.credit-guide,.wallet-plan-dialog) .founder-offer h3{margin:.35rem 0;color:#eff6e9;font-size:clamp(1.6rem,4vw,2.15rem);line-height:1.1}
:where(.app-shell,.credit-guide,.wallet-plan-dialog) .founder-offer p{max-width:70ch;margin:.55rem 0;color:#d7dfd6;line-height:1.5}
:where(.app-shell,.credit-guide,.wallet-plan-dialog) .founder-offer .founder-offer-edition{margin:0 0 .5rem;color:#d8efc2;font-size:.89rem}
:where(.app-shell,.credit-guide,.wallet-plan-dialog) .founder-offer-price strong{font-size:1.32rem;color:white}
:where(.app-shell,.credit-guide,.wallet-plan-dialog) .founder-offer-terms{border-top:1px solid #3c4c40;padding-top:.45rem;margin-top:1rem}
:where(.app-shell,.credit-guide,.wallet-plan-dialog) .founder-offer summary{cursor:pointer;min-height:44px;align-content:center;color:#d8efc2;line-height:1.5}
:where(.app-shell,.credit-guide,.wallet-plan-dialog) .founder-offer summary:focus-visible{outline:2px solid #e1efcf;outline-offset:3px}
:where(.app-shell,.credit-guide,.wallet-plan-dialog) .regular-offer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(12rem,100%),1fr));gap:.85rem}
:where(.app-shell,.credit-guide,.wallet-plan-dialog) .regular-offer-card{min-width:0;padding:1rem;border-radius:.9rem;border:1px solid #354047;background:#151c20;overflow-wrap:anywhere}
:where(.app-shell,.credit-guide,.wallet-plan-dialog) .regular-offer-card h3{font-size:1.12rem;color:#eef4e8;margin:0 0 .5rem}
:where(.app-shell,.credit-guide,.wallet-plan-dialog) .regular-offer-card p{margin:.5rem 0;font-size:.95rem;color:#cdd6ce;line-height:1.45}
:where(.app-shell,.credit-guide,.wallet-plan-dialog) .regular-offer-card .regular-offer-price{font-weight:700;color:#f0f6ed}
:where(.app-shell,.credit-guide,.wallet-plan-dialog) .regular-offer-featured{border-color:#73896c}
:where(.app-shell,.credit-guide,.wallet-plan-dialog) .regular-offer-availability{color:#ead7b9}
/* Banks and Diário lines of each plan (plan_features, 13/11/2026). */
:where(.app-shell,.credit-guide,.wallet-plan-dialog) .regular-offer-includes{list-style:none;margin:.5rem 0 .7rem;padding:0;display:grid;gap:.4rem;font-size:.9rem;color:#cdd6ce;line-height:1.45}
:where(.app-shell,.credit-guide,.wallet-plan-dialog) .regular-offer-includes li{position:relative;padding-left:1rem}
:where(.app-shell,.credit-guide,.wallet-plan-dialog) .regular-offer-includes li::before{content:"";position:absolute;left:.1rem;top:.55em;width:.4rem;height:.4rem;border-radius:50%;background:#d8efc2}
:where(.app-shell,.credit-guide,.wallet-plan-dialog) .regular-offer-banks{margin:.9rem 0;font-size:.92rem;color:#cdd6ce;line-height:1.55;max-width:90ch}
:where(.app-shell,.credit-guide,.wallet-plan-dialog) .regular-offer-banks strong{color:#eef4e8}
.wallet-plan-comparison,.wallet-demo-topup,.wallet-store-management{margin:1.4rem 0}
.wallet-store-management,.wallet-demo-topup{padding:1rem 0;border-block:1px solid #354047}
.wallet-plan-dialog{width:min(46rem,calc(100% - 1.25rem));overflow:auto}
.wallet-plan-dialog .modal-actions{justify-content:flex-start}