:root{--bg:#fefdfb;--surface:#f8f7f2;--surface-sunk:#efede5;--ink:#191711;--ink-soft:#525047;--ink-faint:#77756a;--sun:#eeb300;--sun-deep:#c88100;--sun-text:#995600;--sun-glow:#eeb30038;--gold-legacy:#d4af37;--shade:#4b6d8a;--line:#1917111a;--line-strong:#19171133;--font-display:"Archivo", system-ui, sans-serif;--font-body:"Archivo", system-ui, sans-serif;--font-tech:"Chivo Mono", ui-monospace, monospace;--step-hero:clamp(3.2rem, 8vw, 5.8rem);--step-h2:clamp(2rem, 4vw, 3.2rem);--step-body:clamp(1.05rem, 1.2vw, 1.22rem);--ease-out:cubic-bezier(.16, 1, .3, 1);--z-canvas:0;--z-content:10;--z-sticky:20;--z-modal:30;--z-toast:40}@supports (color:lab(0% 0 0)){:root{--bg:lab(99.439% -.097543 1.13808);--surface:lab(97.1376% -.18993 2.27962);--surface-sunk:lab(93.6819% -.304401 3.80762);--ink:lab(7.84587% -.208281 4.12716);--ink-soft:lab(33.9616% -.34298 5.39314);--ink-faint:lab(49.0543% -.409156 6.14985);--sun:lab(76.9615% 13.7652 83.6454);--sun-deep:lab(60.2617% 23.4619 73.1267);--sun-text:lab(43.7743% 27.0706 61.4837);--sun-glow:lab(76.9615% 13.7652 83.6454/.22);--shade:lab(44.2492% -6.35344 -19.9574);--line:lab(7.84587% -.208281 4.12716/.1);--line-strong:lab(7.84587% -.208281 4.12716/.2)}}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--step-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;font-weight:700;font-stretch:112%;line-height:1.05}p{text-wrap:pretty;max-width:68ch}:focus-visible{outline:3px solid var(--sun-deep);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.skip{background:var(--ink);color:var(--bg);z-index:var(--z-modal);padding:.75rem 1.25rem;position:absolute;top:0;left:-9999px}.skip:focus{left:0}main{z-index:var(--z-content);position:relative}.scene{align-items:center;min-height:100svh;padding-block:12vh;padding-inline:max(6vw,1.25rem);display:grid}.scene[data-align=start]{align-items:start;padding-block-start:22vh}.scene__inner{max-width:54rem}h1{font-size:var(--step-hero);max-width:18ch;margin:0 0 1.5rem}h2{font-size:var(--step-h2);max-width:24ch;margin:0 0 1.25rem}.h-quiet{color:var(--ink-soft);font-size:clamp(1.4rem,2.6vw,2rem);font-stretch:100%}p{color:var(--ink-soft);margin:0 0 1rem}.lede{font-family:var(--font-tech);letter-spacing:.06em;color:var(--ink-faint);font-size:.9rem}.mark{object-fit:contain;width:96px;height:96px;margin-bottom:1.5rem}.orbit{flex-wrap:wrap;gap:.75rem 2.5rem;margin:2rem 0 0;padding:0;list-style:none;display:flex}.orbit a{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);transition:color .4s var(--ease-out), border-color .4s var(--ease-out);border-bottom:2px solid #0000;padding-block:.15em;font-size:clamp(1.5rem,4vw,2.6rem);font-weight:600;font-stretch:105%;text-decoration:none;display:inline-block}.orbit a:hover,.orbit a:focus-visible{color:var(--sun-text);border-bottom-color:var(--sun)}.foot{z-index:var(--z-content);border-top:1px solid var(--line);background:var(--surface);padding:4rem max(6vw,1.25rem) 3rem;font-size:.95rem;position:relative}.foot p{color:var(--ink-soft);margin:.25rem 0}.foot a{color:var(--sun-text)}#c10{align-items:end;padding-block-end:8vh}.scene__inner{isolation:isolate;position:relative}.scene__inner:before{content:"";z-index:-1;background:radial-gradient(ellipse at center, var(--bg) 0%, var(--bg) 30%, color-mix(in oklab, var(--bg) 82%, transparent) 50%, color-mix(in oklab, var(--bg) 45%, transparent) 68%, transparent 84%);position:absolute;inset:-60% -45%}#c00 .scene__inner:before,#c11 .scene__inner:before{content:none}#c10 .scene__inner{background:linear-gradient(to top, var(--bg) 0%, color-mix(in oklab, var(--bg) 88%, transparent) 45%, transparent 100%);max-width:40rem;padding-block-start:6rem}#c10 .mark{display:none}#c10 h2{font-size:clamp(2.2rem,5vw,3.4rem)}@media (prefers-reduced-motion:reduce){.scene{min-height:auto;padding-block:8vh}}@media (max-width:640px){.scene{padding-block:10vh}.orbit{gap:.5rem 1.5rem}}.perf{z-index:var(--z-toast);max-width:calc(100vw - 1rem);font-family:var(--font-tech);color:var(--ink);background:color-mix(in oklab, var(--bg) 92%, transparent);border:1px solid var(--line-strong);pointer-events:none;border-radius:4px;margin:.5rem;padding:.6rem .75rem;font-size:.78rem;line-height:1.45;position:fixed;inset-block-start:0;inset-inline-start:0;overflow-x:auto}.perf table{border-collapse:collapse;margin-block:.4rem}.perf td{white-space:nowrap;padding:0 .4rem 0 0}.perf tr[data-thin]{color:var(--ink-faint)}.perf td[data-bad]{color:var(--sun-text);font-weight:700}.perf td[data-bad]:after{content:" !"}.perf p{color:var(--ink-soft);margin:.2rem 0 0}.pg-top{padding:1.5rem max(6vw,1.25rem) 0}.pg-back{color:var(--ink-soft);align-items:center;gap:.6rem;font-weight:600;text-decoration:none;display:inline-flex}.pg-back:hover{color:var(--ink)}.pg-back img{display:block}.pg{z-index:var(--z-content);max-width:62rem;padding:4rem max(6vw,1.25rem) 2rem;position:relative}.pg h1{letter-spacing:-.035em;text-wrap:balance;margin:0 0 1rem;font-size:clamp(2.4rem,6vw,4rem)}.pg .lede{color:var(--ink-soft);text-wrap:pretty;max-width:44ch;margin:0 0 3.5rem;font-size:clamp(1.15rem,1.6vw,1.4rem)}.pg-blocos section{border-block-start:1px solid var(--line);max-width:54ch;padding-block:1.6rem}.pg-blocos section:first-child{border-block-start:0;padding-block-start:0}.pg-blocos section:nth-child(2n){margin-inline-start:clamp(0rem,4vw,3rem)}.pg-blocos h2{letter-spacing:-.01em;margin:0 0 .4rem;font-size:clamp(1.15rem,1.6vw,1.35rem)}.pg-blocos p{color:var(--ink-soft);text-wrap:pretty;margin:0;line-height:1.6}.pg-cta{flex-wrap:wrap;gap:.75rem;margin-block-start:3rem;display:flex}.pg-cta a{border:1px solid var(--line-strong);color:var(--ink);border-radius:2px;padding:.85rem 1.4rem;font-weight:600;text-decoration:none;display:inline-block}.pg-cta a:first-child{background:var(--sun);border-color:#0000}.pg-cta a:hover{border-color:var(--ink)}.pg-outras{flex-wrap:wrap;gap:.5rem 1.5rem;margin:0 0 1.5rem;padding:0;list-style:none;display:flex}@media (max-width:640px){.pg{padding-block-start:2.5rem}.pg .lede{margin-block-end:2.5rem}.pg-blocos section:nth-child(2n){margin-inline-start:0}}
