:root{--blue:#01A5FB;--ink:#11140F;--yellow:#F9E100;--white:#FFFFFF;--orange:#FA5900;--r:16px;--line:3px;--f:"Gabarito",system-ui,sans-serif;--t1:clamp(2.35rem,1.6rem + 3.4vw,4.1rem);--t2:clamp(1.45rem,1.2rem + 1vw,1.9rem);--t3:clamp(1rem,0.96rem + 0.2vw,1.1rem);}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--blue);color:var(--ink);font-family:var(--f);font-size:var(--t3);line-height:1.55;overflow-x:clip}a{color:inherit}.wrap{width:min(1120px,100% - 2.5rem);margin-inline:auto}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.top{padding-top:max(14px,env(safe-area-inset-top))}.top .wrap{display:flex;align-items:center;gap:12px}.logo{display:block;width:64px;height:64px;border-radius:14px;flex:none}.logo img{display:block;width:100%;height:100%;border-radius:14px}.brand{font-weight:800;font-size:var(--t2);letter-spacing:-0.01em}.story{position:relative;padding-bottom:3rem}.hero{padding:18px 0 22px}h1{font-size:var(--t1);line-height:1.02;font-weight:800;letter-spacing:-0.025em;max-width:13ch}.lead{margin-top:14px;max-width:34ch;font-weight:400}.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:240px;min-height:56px;padding:14px 26px;margin-top:20px;background:var(--yellow);color:var(--ink);border:var(--line) solid var(--ink);border-radius:var(--r);font-weight:800;font-size:var(--t3);text-decoration:none;transition:transform .15s ease}.cta svg{width:20px;height:20px;flex:none}.cta:active{transform:scale(.97)}@media (hover: hover) and (pointer: fine){.cta:hover{transform:translateY(-2px)}}.under{margin-top:10px;font-weight:600}.panel{position:sticky;top:max(10px,env(safe-area-inset-top));z-index:2;background:var(--blue);padding:6px 0 10px}.panel svg{display:block;width:100%;max-width:400px;max-height:46dvh;margin-inline:auto}.steps{position:relative;z-index:1}.step{min-height:70dvh;padding-top:4dvh}.step p{max-width:24ch;font-size:var(--t2);line-height:1.3;font-weight:800;background:var(--white);border:var(--line) solid var(--ink);border-radius:var(--r);padding:18px 20px;opacity:.45;transition:opacity .3s ease}.step.on p{opacity:1}.step:last-child{min-height:56dvh}#ui *{transition:transform .5s ease,opacity .4s ease}#ui .ind{transform:translateX(0)}#ui .bar{transform-box:fill-box;transform-origin:left center;transform:scaleX(1)}#ui .tag{opacity:0}#ui .ok{opacity:1;transform-box:fill-box;transform-origin:center;transform:scale(1)}#ui .hs{opacity:1}#ui .hs i{display:none}#ui[data-step="1"] .ind{transform:translateX(-140px)}#ui[data-step="1"] .bar{transform:scaleX(0)}#ui[data-step="1"] .tag,#ui[data-step="2"] .tag{opacity:1}#ui[data-step="1"] .ok,#ui[data-step="2"] .ok{opacity:0;transform:scale(.4)}#ui[data-step="1"] .fade,#ui[data-step="2"] .fade,#ui[data-step="3"] .fade{opacity:.28}#ui[data-step="2"] .bar{transition:transform 1.2s ease}#ui .r2 .ok{transition-delay:.12s}#ui .r3 .ok{transition-delay:.24s}#ui .r4 .ok{transition-delay:.36s}.guide{padding:3.5rem 0 1rem}.toc{background:var(--white);border:var(--line) solid var(--ink);border-radius:var(--r);padding:20px 20px 20px 18px;margin-bottom:2.5rem}.toc h2{font-size:var(--t3);font-weight:800;margin-bottom:10px}.rail{position:relative;padding-left:20px}.rail::before,.rail .fill{content:"";position:absolute;left:4px;top:4px;bottom:4px;width:4px;border-radius:2px;background:var(--blue)}.rail .fill{background:var(--ink);transform-origin:top;transform:scaleY(var(--p,0))}.toc ol{list-style:none}.toc a{display:block;padding:8px 0;min-height:44px;text-decoration:none;font-weight:400}.toc a[aria-current="true"]{font-weight:800;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:4px}.sec{scroll-margin-top:20px}h2{font-size:var(--t2);line-height:1.15;font-weight:800;letter-spacing:-0.01em}.point{display:grid;grid-template-columns:auto 1fr;column-gap:18px;padding:2.25rem 0;border-top:var(--line) solid var(--ink)}.num{font-size:var(--t1);line-height:.9;font-weight:800;color:var(--white);-webkit-text-stroke:var(--line) var(--ink);paint-order:stroke fill}.point p{margin-top:10px;max-width:56ch}.chart{grid-column:2;margin-top:16px;width:120px;height:72px}.chart path,.chart circle{fill:none;stroke:var(--ink);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.1s ease}.chart .y{stroke:var(--yellow)}.chart.drawn path,.chart.drawn circle{stroke-dashoffset:0}.info{margin:0 0 2.25rem;background:var(--ink);color:var(--white);border-radius:var(--r);padding:20px 22px}.info h2{font-size:var(--t3);color:var(--yellow)}.info p{margin-top:6px}.info a{color:var(--yellow);font-weight:800;text-underline-offset:3px;display:inline-block;padding:8px 0;min-height:44px}.block{padding:2.5rem 0;border-top:var(--line) solid var(--ink)}.leaf{display:grid;grid-template-columns:1fr;margin-top:18px;background:var(--white);border:var(--line) solid var(--ink);border-radius:var(--r);overflow:hidden}.leaf div{padding:20px}.leaf div + div{border-top:1px solid var(--ink)}.leaf h3{font-size:var(--t3);font-weight:800}.leaf p{margin-top:4px}.cmp{margin-top:18px;background:var(--white);border:var(--line) solid var(--ink);border-radius:var(--r);padding:8px 20px 18px}.row{display:grid;grid-template-columns:1fr 76px 76px;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid var(--ink)}.row.head{font-weight:800;border-bottom:var(--line) solid var(--ink)}.row.head span:not(:first-child){text-align:center}.mk{display:block;width:28px;height:28px;margin-inline:auto}.key{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:14px}.key span{display:inline-flex;align-items:center;gap:6px}.key .mk{width:20px;height:20px;margin:0}.facts{margin-top:18px;max-width:440px;background:var(--white);border:4px solid var(--ink);padding:14px 18px 16px}.facts h3{font-size:var(--t2);font-weight:800;line-height:1.1;padding-bottom:8px;border-bottom:10px solid var(--ink)}.facts dl div{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px solid var(--ink)}.facts dl div:last-child{border-bottom:5px solid var(--ink)}.facts dt{font-weight:800}.facts dd{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;text-align:right}.need{display:grid;gap:18px}.need ul{list-style:none;background:var(--white);border:var(--line) solid var(--ink);border-radius:var(--r);padding:12px 20px}.need li{display:flex;align-items:center;gap:12px;padding:8px 0}.need li + li{border-top:1px solid var(--ink)}.need li svg{width:18px;height:18px;flex:none}.close{padding:3rem 0 4rem;border-top:var(--line) solid var(--ink)}.close .under{font-weight:600}.end{display:block;text-align:center;font-weight:800;font-size:var(--t2);padding-bottom:2.5rem}footer{background:var(--ink);color:var(--white);padding:3rem 0 calc(3rem + env(safe-area-inset-bottom))}.backtop{display:inline-block;color:var(--yellow);font-size:var(--t1);line-height:1;font-weight:800;text-decoration:none;letter-spacing:-0.02em;padding:6px 0}@media (hover: hover) and (pointer: fine){.backtop:hover{text-decoration:underline}}.foot{margin-top:18px;font-size:var(--t3)}footer :focus-visible{outline-color:var(--yellow)}.bar-cta{position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--ink);padding:10px 16px calc(10px + env(safe-area-inset-bottom));display:flex;justify-content:center;transform:translateY(110%);transition:transform .3s ease}.bar-cta.show{transform:translateY(0)}.bar-cta .cta{margin:0;min-height:48px;width:min(420px,100%);border-color:var(--yellow)}@media (min-width: 720px){.leaf{grid-template-columns:repeat(3,1fr)}.leaf div + div{border-top:0;border-left:1px solid var(--ink)}.need{grid-template-columns:240px 1fr;align-items:start}}@media (min-width: 960px){.logo{width:88px;height:88px}.story{display:grid;grid-template-columns:1.05fr 1fr;column-gap:56px}.hero,.steps{grid-column:1}.hero{padding-top:48px;min-height:calc(100dvh - 140px)}.panel{grid-column:2;grid-row:1 / span 2;align-self:start;top:calc(50dvh - 230px);padding-top:40px}.panel svg{max-height:none;max-width:460px}.step p{opacity:.35}.guide .wrap{display:grid;grid-template-columns:250px 1fr;column-gap:56px}.toc{position:sticky;top:24px;align-self:start}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*::before,*::after,#ui *{transition:none !important;animation:none !important}.chart path,.chart circle{stroke-dashoffset:0}}