:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--accent:#d85730;--accent-fill:#c0502a;--accent-ink:#b84a24;--ink:#1d1d1f;--ink-secondary:#6e6e73;--backdrop:#f5f5f5;--surface:#fff;--paper:#f6eddf;--glass:#ffffff8c;--glass-strong:#fffc;--glass-edge:#ffffffb3;--glass-opaque:#f2f2f7;--hairline:#00000014;--seam:#0d0d1259;--lamp-off:#d1d1d6;--lamp-glow:#ffbd73;--tab-height:36px;--icon:22px;--key-min-width:72px;--radius-key:12px;--radius-banner:24px;--shadow-key:0 2px 6px #5c331a24, 0 .5px 1px #5c331a14;--shadow-key-accent:0 2px 6px #d8573059, 0 .5px 1px #5c331a1f;--shadow-float:0 8px 28px #5c331a24, 0 1px 2px #5c331a14;--blur-glass:blur(20px) saturate(160%);--accent-gradient:linear-gradient(180deg, color-mix(in srgb, var(--accent-fill), #fff 14%), color-mix(in srgb, var(--accent-fill), #000 6%)) border-box;--accent-gradient-bright:linear-gradient(180deg, color-mix(in srgb, var(--accent), #fff 14%), color-mix(in srgb, var(--accent), #000 6%)) border-box;--bar-height:calc(var(--tab-height) + 14px);--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--gutter:16px;--measure:42rem;--wide:1080px}@supports (color:color(display-p3 0 0 0)){:root{--accent:color(display-p3 .788 .373 .235)}}*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:88px}body{background:var(--backdrop);color:var(--ink);font:17px/1.55 var(--font);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{letter-spacing:-.015em;text-wrap:balance;margin:0;font-weight:600;line-height:1.2}h1,h2{font-family:var(--font-display), var(--font);letter-spacing:0;font-weight:900}p{text-wrap:pretty;margin:0}a{color:var(--accent-ink);text-underline-offset:2px;text-decoration-thickness:1px}a:hover{color:var(--accent-fill)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:#d8573038}.skip{top:-80px;left:var(--gutter);z-index:20;background:var(--surface);box-shadow:var(--shadow-key);color:var(--ink);border-radius:999px;padding:10px 16px;font-weight:600;text-decoration:none;position:absolute}.skip:focus{top:12px}.topbar{z-index:10;max-width:calc(var(--wide) + 2 * var(--gutter));padding:0 var(--gutter);pointer-events:none;justify-content:space-between;align-items:center;gap:12px;margin:0 auto;display:flex;position:fixed;top:12px;left:0;right:0}.topbar>*{pointer-events:auto}.topbar-glass{border:1px solid var(--glass-edge);background:var(--glass);-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);box-shadow:var(--shadow-float);border-radius:999px;align-items:center;gap:8px;padding:6px;display:flex}.wordmark-pill{--wm-h:27px;--wm-pad:14px;height:var(--bar-height);padding:0 var(--wm-pad);background:var(--accent-gradient-bright);box-shadow:var(--shadow-key-accent);border-radius:999px;flex:none;align-items:center;display:flex}.wordmark-pill svg{width:auto;height:var(--wm-h);fill:var(--accent);stroke:#fff;display:block}.wordmark-pill.has-pattern,.app-logo.has-pattern{isolation:isolate;background:var(--paper);position:relative;overflow:hidden}.wordmark-pill.has-pattern{box-shadow:0 2px 8px #0003}.app-logo.has-pattern{box-shadow:0 calc(2 * var(--pt)) calc(8 * var(--pt)) #0003}.has-pattern:after{border-radius:inherit;content:"";pointer-events:none;border:1px solid #ffffff80;position:absolute;inset:0}.has-pattern>.capsule-tiles{--capsule-pt:calc(var(--wm-h) / 28);--capsule-bleed:16;top:calc(50% - (26 + var(--capsule-bleed)) * var(--capsule-pt));left:calc(var(--wm-pad) - (15 + var(--capsule-bleed)) * var(--capsule-pt));width:calc(100% - var(--wm-pad) + (15 + 2 * var(--capsule-bleed)) * var(--capsule-pt));height:calc((52 + 2 * var(--capsule-bleed)) * var(--capsule-pt));stroke:none;position:absolute}.has-pattern>.capsule-tiles+svg{position:relative}.tabs{align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.tab{height:var(--tab-height);color:var(--ink);border-radius:999px;align-items:center;padding:0 14px;font-size:15px;font-weight:600;text-decoration:none;transition:background-color .2s;display:flex}.tab:hover{color:var(--ink);background:#0000000d}.tab[aria-current=page]{background:var(--accent-gradient);box-shadow:var(--shadow-key-accent);color:#fff}.lang-switch{width:var(--tab-height);height:var(--tab-height);border:1px solid var(--hairline);background:var(--surface);box-shadow:var(--shadow-key);color:var(--ink);letter-spacing:.02em;border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:700;text-decoration:none;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex}.lang-switch:hover{color:var(--ink)}.lang-switch:active{transform:scale(.95)}.key{min-width:var(--key-min-width);border:1px solid var(--hairline);border-radius:var(--radius-key);background:var(--surface);min-height:54px;box-shadow:var(--shadow-key);color:var(--ink);font:600 11px/1.1 var(--font);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 8px;text-decoration:none;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background-color .2s,color .2s;display:inline-flex;position:relative}.key:hover{color:var(--ink)}.key:active{transform:scale(.95)}.icon{width:var(--icon);height:var(--icon);flex:none;display:block}.key-accent,.key-accent:hover{background:var(--accent-gradient);box-shadow:var(--shadow-key-accent);color:#fff;border-color:#0000}.key-wide{flex-direction:row;gap:8px;min-height:48px;padding:0 20px;font-size:15px}.hero{max-width:calc(var(--wide) + 2 * var(--gutter));padding:clamp(24px, 5vw, 56px) var(--gutter) 0;text-align:center;margin:0 auto}.hero h1{letter-spacing:-.01em;max-width:13em;margin:0 auto;font-size:clamp(34px,5.6vw,60px);line-height:1.05}.hero .definition{max-width:34em;color:var(--ink-secondary);margin:18px auto 0;font-size:clamp(18px,2.2vw,21px);line-height:1.45}.hero-actions{flex-direction:column;align-items:center;gap:12px;margin-top:28px;display:flex}.hero-demo{margin:clamp(32px,5vw,56px) 0 0;container-type:inline-size}.hero-demo figcaption{max-width:40em;color:var(--ink-secondary);margin:20px auto 0;font-size:15px}.hero-credit{z-index:1;border:1px solid var(--hairline);background:var(--surface);width:fit-content;max-width:100%;box-shadow:var(--shadow-key);color:var(--ink-secondary);text-align:left;border-radius:999px;align-items:center;gap:10px;margin:0 auto 16px;padding:5px 16px 5px 5px;text-decoration:none;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}a.hero-credit:hover{color:var(--ink-secondary)}a.hero-credit:active{transform:scale(.97)}.hero-credit-swatch{background:var(--paper) center / cover;width:32px;height:32px;box-shadow:inset 0 0 0 1px var(--hairline);border-radius:999px;flex:none}.hero-credit-name{color:var(--ink);font-weight:600}a.hero-credit .hero-credit-name{color:var(--accent-ink)}a.hero-credit:hover .hero-credit-name{color:var(--accent-fill)}.ipad{--ipt:calc(min(1080px, 100cqw) / 1266);--ring:calc(4 * var(--ipt));--bezel:calc(39 * var(--ipt));width:min(1080px,100cqw);padding:var(--ring);border-radius:calc(61 * var(--ipt));background:linear-gradient(132deg,#f2f2f3 0%,#c8c9cc 18%,#ececee 40%,#b9babd 64%,#e3e4e6 84%,#c2c3c6 100%);margin:0 auto;position:relative;box-shadow:inset 0 0 0 .5px #0000004d,inset 0 1px 1px #ffffffe6,inset 0 -1px 1.5px #0003,0 1px 2px #281c1224,0 8px 16px -6px #3c281629,0 30px 60px -22px #5c331a4d,0 70px 110px -44px #5c331a52}.ipad-glass{padding:var(--bezel);border-radius:calc(57 * var(--ipt));background:#0b0b0c;position:relative;box-shadow:0 0 0 .5px #0000008c,inset 0 0 0 1px #ffffff12}.ipad-glass:before{top:calc(var(--bezel) / 2);width:max(5px, calc(8 * var(--ipt)));height:max(5px, calc(8 * var(--ipt)));box-shadow:0 0 0 max(1px, calc(1.5 * var(--ipt))) #141416;content:"";background:radial-gradient(circle at 36% 34%,#96aadc99 0 9%,#0000 24%),radial-gradient(circle,#1c2333 0 34%,#08090b 60%,#17181b 100%);border-radius:50%;position:absolute;left:50%;transform:translate(-50%,-50%)}.ipad-glass:after{border-radius:inherit;pointer-events:none;content:"";background:linear-gradient(116deg,#ffffff13 0%,#ffffff05 36%,#fff0 36.2%);position:absolute;inset:0}.ipad-buttons,.ipad-buttons:before,.ipad-buttons:after{width:calc(3 * var(--ipt));border-radius:calc(1.5 * var(--ipt)) 0 0 calc(1.5 * var(--ipt));background:linear-gradient(90deg,#a7a8ab,#e4e5e7 60%,#c1c2c5);position:absolute;box-shadow:inset 0 0 0 .5px #00000038}.ipad-buttons{top:calc(104 * var(--ipt));left:calc(-3 * var(--ipt));height:calc(108 * var(--ipt))}.ipad-buttons:before,.ipad-buttons:after{height:calc(64 * var(--ipt));content:"";left:0}.ipad-buttons:before{top:calc(136 * var(--ipt))}.ipad-buttons:after{top:calc(212 * var(--ipt))}.ipad-screen{aspect-ratio:1180/820;border-radius:calc(18 * var(--ipt));background:var(--paper);text-align:left;position:relative;overflow:hidden;container-type:inline-size}.app{--pt:calc(100cqw / 1180);color:var(--ink);font-family:var(--font);-webkit-user-select:none;user-select:none;position:absolute;inset:0}.app-pattern{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.app-canvas{cursor:grab;touch-action:pan-y;width:100%;height:100%;display:block;position:absolute;inset:0}.app-canvas:active{cursor:grabbing}.app[data-mode=offset] .app-canvas,.app[data-mode=export] .app-canvas{touch-action:none}.app-canvas:focus{outline:none}.app-canvas:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.app-seam{fill:none;stroke:var(--seam);stroke-width:1.5px;vector-effect:non-scaling-stroke}.app-old-edges{fill:none;stroke:var(--accent)}.app-mat-digits{font-family:"Avenir Next Condensed", "Arial Narrow", "Roboto Condensed", var(--font);font-variant-numeric:tabular-nums;font-weight:600;font-stretch:75%}.app-glass,.app-tabs,.app-bar,.app-chip,.app-banner{border:1px solid var(--glass-edge);background:var(--glass);-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);box-shadow:var(--shadow-float)}.app-top{top:calc(16 * var(--pt));right:calc(16 * var(--pt));left:calc(16 * var(--pt));justify-content:space-between;align-items:flex-start;gap:calc(8 * var(--pt));pointer-events:none;display:flex;position:absolute}.app-top>*,.app-bottom>*{pointer-events:auto}.app-logo{--wm-h:calc(28 * var(--pt));--wm-pad:calc(15 * var(--pt));height:calc(52 * var(--pt));padding:0 var(--wm-pad);background:var(--accent-gradient-bright);box-shadow:0 calc(2 * var(--pt)) calc(6 * var(--pt)) #5c331a59;border-radius:999px;align-items:center;display:flex}.app-logo svg{width:auto;height:var(--wm-h);fill:var(--accent);stroke:#fff;display:block}.app-tabs{padding:calc(8 * var(--pt));border-radius:999px;grid-template-columns:1fr 1fr 1fr;display:grid;position:relative}.app-tabs button{z-index:1;min-width:calc(96 * var(--pt));height:calc(36 * var(--pt));padding:0 calc(16 * var(--pt));color:var(--ink);font:600 calc(15 * var(--pt)) / 1 var(--font);cursor:pointer;background:0 0;border:0;border-radius:999px;transition:color .25s;position:relative}.app-tabs button[aria-selected=true]{color:#fff}.app-tab-pill{top:calc(8 * var(--pt));bottom:calc(8 * var(--pt));left:calc(8 * var(--pt));width:calc((100% - 16 * var(--pt)) / 3);background:var(--accent-gradient);box-shadow:var(--shadow-key-accent);border-radius:999px;transition:transform .25s cubic-bezier(.2,.8,.2,1);position:absolute}.app[data-mode=offset] .app-tab-pill{transform:translate(100%)}.app[data-mode=export] .app-tab-pill{transform:translate(200%)}.app-bottom{right:0;bottom:calc(16 * var(--pt));align-items:center;gap:calc(10 * var(--pt));pointer-events:none;flex-direction:column;display:flex;position:absolute;left:0}.app-bar{gap:calc(6 * var(--pt));padding:calc(8 * var(--pt));border-radius:calc(20 * var(--pt));display:flex}.app-key{justify-content:center;align-items:center;gap:calc(3 * var(--pt));min-width:calc(72 * var(--pt));padding:calc(6 * var(--pt)) calc(10 * var(--pt));border:1px solid var(--hairline);border-radius:calc(12 * var(--pt));background:var(--surface);box-shadow:var(--shadow-key);color:var(--ink);font:600 calc(11 * var(--pt)) / 1.1 var(--font);cursor:pointer;flex-direction:column;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.app-key:active:not(:disabled){transform:scale(.95)}.app-key:disabled{color:var(--ink-faded);cursor:default}.app-key .icon{width:calc(22 * var(--pt));height:calc(22 * var(--pt))}.app-key-name{white-space:nowrap}.app-lamp{top:calc(6 * var(--pt));right:calc(6 * var(--pt));width:calc(6 * var(--pt));height:calc(6 * var(--pt));background:var(--lamp-off);box-shadow:inset 0 calc(.5 * var(--pt)) calc(1 * var(--pt)) #0000004d;border-radius:50%;transition:background .2s,box-shadow .2s;position:absolute}.app-lamp.is-on{background:radial-gradient(circle at 35% 30%, var(--lamp-glow), var(--accent) 65%);box-shadow:0 0 calc(4 * var(--pt)) #d8573099}.app-dots{top:50%;right:calc(6 * var(--pt));gap:calc(3 * var(--pt));flex-direction:column;display:flex;position:absolute;transform:translateY(-50%)}.app-dots .app-lamp{width:calc(5 * var(--pt));height:calc(5 * var(--pt));position:static}.app-chip{padding:calc(6 * var(--pt)) calc(14 * var(--pt));font-size:calc(15 * var(--pt));font-variant-numeric:tabular-nums;border-radius:999px;margin:0}.app-banner{top:calc(84 * var(--pt));align-items:center;gap:calc(12 * var(--pt));width:min(calc(560 * var(--pt)), calc(100% - 32 * var(--pt)));padding:calc(14 * var(--pt)) calc(18 * var(--pt));border-radius:calc(24 * var(--pt));background:var(--glass-strong);font-size:calc(15 * var(--pt));line-height:1.35;display:flex;position:absolute;left:50%;transform:translate(-50%)}.app-banner p{flex:1}.app-banner-button{padding:calc(8 * var(--pt)) calc(14 * var(--pt));background:var(--accent-gradient);box-shadow:var(--shadow-key-accent);color:#fff;border-radius:999px;flex:none;font-weight:600;text-decoration:none}.app-banner-button:hover{color:#fff}@media (max-width:899px){.ipad,.ipad-glass{box-shadow:none;background:0 0;border-radius:0;padding:0}.ipad-glass:before,.ipad-glass:after,.ipad-buttons{display:none}.ipad-screen{aspect-ratio:auto;border-radius:var(--radius-banner);height:clamp(460px,68svh,640px);box-shadow:var(--shadow-float)}.app{--pt:1px}}@container (max-width:539px){.app-top{flex-direction:column}.app-tabs{grid-template-columns:1fr}.app-tab-pill{right:calc(8 * var(--pt));width:auto;height:calc(36 * var(--pt));bottom:auto}.app[data-mode=offset] .app-tab-pill{transform:translateY(100%)}.app[data-mode=export] .app-tab-pill{transform:translateY(200%)}.app-key{min-width:calc(44 * var(--pt));min-height:calc(44 * var(--pt));padding:calc(11 * var(--pt));border-radius:calc(11 * var(--pt))}.app-key-name{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.app-dots{right:calc(3 * var(--pt))}.app-banner{top:calc(176 * var(--pt))}}.main{padding-top:104px}.section{max-width:calc(var(--wide) + 2 * var(--gutter));padding:clamp(56px, 8vw, 88px) var(--gutter) 0;margin:0 auto}.section>h2{margin-bottom:20px;font-size:clamp(26px,3.4vw,34px)}.section-text{max-width:calc(var(--measure) + 2 * var(--gutter))}.section-text p{font-size:18px}.card{--card-pad:clamp(20px, 3vw, 28px);padding:var(--card-pad);border:1px solid var(--hairline);border-radius:var(--radius-banner);background:var(--surface);box-shadow:var(--shadow-key)}.steps{gap:16px;margin:0;padding:0;list-style:none;display:grid}.step,.repeat{--art-inset:12px;border-radius:28px}.step-art,.repeat-diagram{width:calc(100% + 2 * (var(--card-pad) - var(--art-inset)));margin:calc(var(--art-inset) - var(--card-pad)) calc(var(--art-inset) - var(--card-pad)) 0;border-radius:calc(28px - var(--art-inset))}.step-title{align-items:center;gap:10px;display:flex}.step-number{background:var(--accent-gradient);width:30px;height:30px;box-shadow:var(--shadow-key-accent);color:#fff;font-size:14px;font-weight:700;font-family:var(--font);font-variant-numeric:tabular-nums;border-radius:999px;flex:none;place-items:center;display:grid}.step-art{aspect-ratio:1;background:var(--backdrop);box-shadow:inset 0 0 0 1px var(--hairline);place-items:center;display:grid;position:relative;overflow:hidden}.step-art-fill{width:100%;height:100%;position:absolute;inset:0}.step-art-tile{filter:drop-shadow(0 7px 14px #5c331a29);width:46%;height:auto;overflow:visible}.step-frame{fill:none;stroke-linejoin:miter;stroke:var(--accent);stroke-width:2px;vector-effect:non-scaling-stroke}.step-seams{fill:none;stroke:var(--seam);stroke-width:1px;vector-effect:non-scaling-stroke}.step-repeat-field{animation:5.6s ease-in-out infinite step-repeat}@keyframes step-repeat{0%,14%{opacity:0}34%,82%{opacity:1}to{opacity:0}}.step-offset-copies{animation:5.6s ease-in-out infinite step-offset}.step-offset-seam{fill:none;stroke:#5c331ab3;stroke-width:1.5px;stroke-dasharray:5 5;vector-effect:non-scaling-stroke;stroke-linecap:round}@keyframes step-offset{0%,18%{transform:translate(0)}43%,75%{transform:translate(-50px,-50px)}to{transform:translate(0)}}.layers-panel{border:1px solid var(--hairline);background:var(--surface);width:min(250px,82%);box-shadow:var(--shadow-float);border-radius:16px;padding:10px;font-size:14px}.layers-head{justify-content:space-between;align-items:center;padding:2px 4px 8px;font-weight:700;display:flex}.layers-psd{color:#a3401e;background:#d8573024;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700}.layers-panel ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.layers-panel li{background:var(--backdrop);border-radius:10px;align-items:center;gap:10px;padding:5px;display:flex}.layer-thumb{background:var(--paper) 0 0 / 36px 36px repeat;width:36px;height:36px;box-shadow:inset 0 0 0 1px var(--hairline);border-radius:6px;flex:none;animation:5.6s ease-in-out infinite step-layer}.layer-thumb-shadows{filter:grayscale()opacity(.5)}.layer-thumb-paper{animation:none}@keyframes step-layer{0%,18%{background-position:0 0}43%,75%{background-position:-18px -18px}to{background-position:0 0}}.layer-name{flex:1;font-weight:600}.layer-check{background:var(--accent-gradient);fill:none;stroke:#fff;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;border-radius:6px;flex:none;width:20px;height:20px}.step h3{margin:22px 0 8px;font-size:22px}.step h3,.repeat h3{font-family:var(--font-display), var(--font);letter-spacing:0;font-weight:900}.cta{text-align:center;padding:clamp(28px,5vw,48px)}.cta h2{margin-bottom:12px;font-size:clamp(26px,3.4vw,34px)}.cta p{max-width:34em;margin:0 auto 24px}.section-text p+p{margin-top:14px}.section-intro{max-width:var(--measure);color:var(--ink-secondary);margin:-8px 0 20px;font-size:18px}.repeats{gap:16px;margin:0;padding:0;list-style:none;display:grid}.card-title{margin-bottom:8px;font-size:21px}.card-title a{color:var(--ink);text-decoration:none}.card-title a:hover{color:var(--accent-ink)}.repeat h3{margin:16px 0 6px;font-size:21px}.repeat-diagram{height:auto;box-shadow:inset 0 0 0 1px var(--hairline);display:block}.diagram-seam{fill:none;stroke:var(--seam);stroke-width:1px;vector-effect:non-scaling-stroke}.diagram-veil{fill:#ffffff73}.diagram-source{fill:none;stroke-linejoin:miter;stroke:var(--accent);stroke-width:2px;vector-effect:non-scaling-stroke}.export-mat-grid{opacity:.22;stroke-width:1px;shape-rendering:crispedges;vector-effect:non-scaling-stroke}@media (min-resolution:2x){.export-mat-grid{stroke-width:.5px}}.sourced-table{border:1px solid var(--hairline);border-radius:var(--radius-banner);background:var(--surface);box-shadow:var(--shadow-key);padding:clamp(18px,3vw,28px)}.provenance{color:var(--ink-secondary);margin-bottom:10px;font-size:15px}.table-scroll{overflow-x:auto}.sourced-table table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:16px;line-height:1.45}.sourced-table th,.sourced-table td{border-top:1px solid var(--hairline);text-align:left;vertical-align:top;padding:12px 16px 12px 0}.sourced-table thead th{color:var(--ink-secondary);letter-spacing:.04em;text-transform:uppercase;border-top:0;font-size:13px}.sourced-table tbody tr:first-child>*{border-top-color:#0000}.sourced-table thead+tbody tr:first-child>*{border-top-color:var(--hairline)}.sourced-table th[scope=row]{width:32%;padding-right:20px;font-weight:600}.table-sources{color:var(--ink-secondary);margin-top:12px;font-size:13px}.prose{max-width:calc(var(--measure) + 2 * var(--gutter));padding:0 var(--gutter);margin:0 auto}.prose h1{margin-bottom:16px;font-size:clamp(32px,5vw,44px);line-height:1.1}.prose h2{margin:44px 0 12px;font-size:24px}.prose h3{margin:28px 0 6px;font-size:19px}.prose p,.prose ul,.prose ol{margin:0 0 16px}.prose ul,.prose ol{padding-left:1.3em}.prose li{margin:6px 0}.prose .meta,.meta{color:var(--ink-secondary);font-size:15px}.prose .sourced-table,.prose .card,.prose .figure{margin:28px 0}.lead{color:var(--ink-secondary);margin-bottom:20px;font-size:clamp(19px,2.4vw,22px);line-height:1.45}.crumbs{font-size:15px}.chip{border:1px solid var(--hairline);background:var(--surface);min-height:32px;box-shadow:var(--shadow-key);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:6px;padding:5px 14px;font-size:15px;display:inline-flex}.note{border-left:3px solid var(--accent);border-radius:0 var(--radius-key) var(--radius-key) 0;background:var(--surface);box-shadow:var(--shadow-key);padding:14px 18px}.measure-choice{margin:0 0 16px}.prose .measure-choice p{margin:0 0 12px}.measure-choice p:last-child{margin-bottom:0}.measure-choice button{background:var(--accent-gradient);box-shadow:var(--shadow-key-accent);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:999px;padding:8px 14px;font-weight:600}.prose .guide-steps{counter-reset:step;padding:0;list-style:none}.guide-steps>li{counter-increment:step;margin:20px 0;padding-left:52px;position:relative}.guide-steps>li:before{width:var(--tab-height);height:var(--tab-height);background:var(--accent-gradient);box-shadow:var(--shadow-key-accent);color:#fff;content:counter(step);border-radius:999px;place-items:center;font-weight:600;display:grid;position:absolute;top:0;left:0}.prose .guide-steps h3{margin:6px 0}.guide-links{margin:32px 0}.guide-links-title{font-weight:600}.prose .guide-links ul{flex-wrap:wrap;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.guide-links a{min-height:var(--tab-height);border:1px solid var(--hairline);background:var(--surface);box-shadow:var(--shadow-key);color:var(--ink);border-radius:999px;align-items:center;padding:0 14px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.figure img,.figure video{border-radius:var(--radius-banner);background:var(--surface);width:100%;height:auto;box-shadow:var(--shadow-key);display:block}.figure figcaption{color:var(--ink-secondary);margin-top:8px;font-size:14px}.faq{margin-top:48px}.faq>h2{margin-bottom:8px}.faq-item{border-top:1px solid var(--hairline);padding:16px 0}.faq-item h3,.prose .faq-item h3{margin:0 0 6px;font-size:18px}.faq-item p,.prose .faq-item p{margin:0}.author{border-top:1px solid var(--hairline);color:var(--ink-secondary);margin-top:40px;padding-top:20px;font-size:15px}.author strong{color:var(--ink)}.prose .guide-list{gap:16px;margin-top:28px;padding:0;list-style:none;display:grid}.prose .guide-list h2{margin:0 0 8px;font-size:21px}.guide-list h2 a{color:var(--ink);text-decoration:none}.guide-list h2 a:hover{color:var(--accent-ink)}.not-found{max-width:36rem;padding:24px var(--gutter) 48px;text-align:center;justify-items:center;gap:12px;margin:0 auto;display:grid}.not-found h1{margin-top:16px;font-size:clamp(28px,4vw,36px)}.not-found-links{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:8px;display:flex}.footer{padding:32px var(--gutter) 48px;border-top:1px solid var(--hairline);color:var(--ink-secondary);margin-top:clamp(72px,10vw,112px);font-size:14px}.footer-inner{max-width:var(--wide);gap:12px;margin:0 auto;display:grid}.footer a{color:var(--ink-secondary)}.footer a:hover{color:var(--accent-ink)}.footer-links{flex-wrap:wrap;gap:6px 20px;margin:0;padding:0;list-style:none;display:flex}.footer-trademark{font-size:13px}.checker{max-width:calc(var(--wide) + 2 * var(--gutter));padding:0 var(--gutter);margin:8px auto 0}.checker-stage{border:1px solid var(--hairline);border-radius:var(--radius-banner);background-color:var(--backdrop);height:clamp(420px,64vh,640px);box-shadow:var(--shadow-key);isolation:isolate;background-position:50%;background-size:28.5714%;position:relative;overflow:hidden}.checker-canvas{cursor:grab;touch-action:pan-y;width:100%;height:100%;display:block;position:absolute;inset:0}.checker-canvas:active{cursor:grabbing}.checker-canvas:focus{outline:none}.checker-canvas:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.checker-stage.is-dragging:after{content:"";border:2px dashed var(--accent);pointer-events:none;background:#d8573014;border-radius:18px;position:absolute;inset:10px}.checker-glass{border:1px solid var(--glass-edge);background:var(--glass);-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);box-shadow:var(--shadow-float)}.checker-card{border-radius:var(--radius-banner);background:var(--glass-strong);text-align:center;justify-items:center;gap:14px;width:min(440px,100% - 32px);padding:20px 22px;font-size:15px;line-height:1.4;display:grid;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.checker-card strong{font-size:18px}.checker-card.is-error{border-color:#d8573073}.checker-zoom{border-radius:999px;display:flex;position:absolute;top:14px;right:14px}.checker-zoom button{width:40px;height:40px;color:var(--ink);font:500 22px/1 var(--font);cursor:pointer;background:0 0;border:0}.checker-bottom{pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:14px;left:0;right:0}.checker-bottom>*{pointer-events:auto}.checker-chip{font-variant-numeric:tabular-nums;border-radius:999px;margin:0;padding:5px 14px;font-size:15px}.checker-bar{border-radius:20px;flex-wrap:wrap;justify-content:center;gap:6px;max-width:calc(100% - 24px);padding:8px;display:flex}.checker-bar-gap{background:var(--hairline);align-self:stretch;width:1px;margin:6px 2px}.checker-lamp{background:var(--lamp-off);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px;box-shadow:inset 0 .5px 1px #0000004d}.checker-lamp.is-on{background:radial-gradient(circle at 35% 30%, var(--lamp-glow), var(--accent) 65%);box-shadow:0 0 4px #d8573099}.checker-swatch input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.checker-swatch-chip{border:1px solid #00000026;border-radius:6px;width:22px;height:22px}.checker-result{gap:28px;margin-top:16px;display:grid}.checker-verdict h2{margin-bottom:10px;font-size:22px}.checker-verdict>p+p{margin-top:10px}.checker-headline{align-items:baseline;gap:10px;font-size:20px;font-weight:600;line-height:1.3;display:flex}.checker-headline:before{content:"";background:var(--accent);border-radius:50%;flex:none;width:10px;height:10px;transform:translateY(-1px)}.checker-headline.is-ok:before{background:#2a7a6e}.checker-findings{margin:12px 0 0;padding:0;list-style:none}.checker-findings li{border-top:1px solid var(--hairline);color:var(--ink-secondary);padding:10px 0;font-size:15px}.checker-findings strong{color:var(--ink);font-size:17px;display:block}.checker-fits{flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0;display:flex}.checker-fits p{margin:0 4px 0 0;font-weight:600}.checker-fits ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.checker-fits button{min-height:var(--tab-height);border:1px solid var(--hairline);background:var(--surface);box-shadow:var(--shadow-key);color:var(--ink);font:600 15px var(--font);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.checker-fits button[aria-pressed=true]{border-color:var(--accent)}.checker-fit-state{color:var(--ink-secondary);font-weight:400}.checker-dot{background:var(--accent);border-radius:50%;width:8px;height:8px}.checker-dot.is-ok{background:#2a7a6e}.checker-link{color:var(--accent-ink);font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline;text-decoration-thickness:1px}.checker-loupes h3{margin-bottom:14px;font-size:17px}.checker-loupe-row{flex-wrap:wrap;align-items:flex-start;gap:20px;display:flex}.checker-loupe{max-width:240px;margin:0}.checker-loupe figcaption{color:var(--ink-secondary);margin-top:10px;font-size:13px}.checker-loupe-frame{display:inline-block;position:relative}.checker-loupe-frame canvas{box-shadow:var(--shadow-key);border-radius:6px;display:block}.checker-loupe-frame:before,.checker-loupe-frame:after{content:"";border:5px solid #0000;position:absolute}.is-vertical .checker-loupe-frame:before,.is-vertical .checker-loupe-frame:after{left:50%;transform:translate(-50%)}.is-vertical .checker-loupe-frame:before{border-top-color:var(--accent);top:-10px}.is-vertical .checker-loupe-frame:after{border-bottom-color:var(--accent);bottom:-10px}.is-horizontal .checker-loupe-frame:before,.is-horizontal .checker-loupe-frame:after{top:50%;transform:translateY(-50%)}.is-horizontal .checker-loupe-frame:before{border-left-color:var(--accent);left:-10px}.is-horizontal .checker-loupe-frame:after{border-right-color:var(--accent);right:-10px}.checker-text{margin-top:40px}@media (min-width:860px){.steps,.repeats{grid-template-columns:repeat(3,1fr);gap:20px}.checker-result{grid-template-columns:minmax(0,1fr) auto}}@media (max-width:539px){.wordmark-pill{--wm-h:22px;--wm-pad:11px}.tab{padding:0 11px}.tab-secondary{display:none}.is-pairs th[scope=row],.is-pairs td{width:auto;padding-right:0;display:block}.is-pairs th[scope=row]{padding-bottom:2px}.is-pairs td{border-top:0;padding-top:0}.checker-bar{gap:4px;max-width:calc(100% - 12px);padding:6px}.checker-bar .key{min-width:42px;min-height:44px;padding:0}.checker-bar-gap{display:none}.checker-bar .key-name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.checker-lamp{top:4px;right:4px}}@media (max-width:389px){.topbar{gap:8px}.topbar-glass{gap:4px}.tab{padding:0 8px}}@media (prefers-reduced-transparency:reduce){.ipad-glass:after{display:none}.topbar-glass,.app-tabs,.app-bar,.app-chip,.app-banner,.checker-glass{background:var(--glass-opaque);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-reduced-motion:reduce){.key,.tab,.lang-switch,.hero-credit,.app-key,.app-lamp,.app-tab-pill{transition:none}.step-repeat-field,.step-offset-copies,.layer-thumb{animation:none}.step-offset-copies{transform:translate(-50px,-50px)}.layer-thumb{background-position:-18px -18px}}
@font-face{font-family:displayFont;src:url(../media/Gabarito_Black-s.p.1shgvq_pwqdzf.woff2)format("woff2");font-display:swap;font-weight:900}@font-face{font-family:displayFont Fallback;src:local(Arial);ascent-override:90.85%;descent-override:25.13%;line-gap-override:0.0%;size-adjust:103.47%}.displayfont_55140066-module__uybbVa__className{font-family:displayFont,displayFont Fallback;font-weight:900}.displayfont_55140066-module__uybbVa__variable{--font-display:"displayFont", "displayFont Fallback"}