:root{--ground:#F7F6F2;--ink:#17181C;--magenta:#D62976;--orange:#F58529;--tint:#DEDBD2;--body:clamp(1rem,0.96rem + 0.15vw,1.0625rem);--row-title:clamp(1.25rem,0.9rem + 1.6vw,1.8rem);--display:clamp(1.95rem,1rem + 4.4vw,3.6rem);}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{margin:0;min-height:100dvh;color:var(--ink);font:500 var(--body)/1.55 "Red Hat Display",ui-sans-serif,sans-serif;background-color:var(--ground);background-image:linear-gradient(var(--tint) 1px,transparent 1px),linear-gradient(90deg,var(--tint) 1px,transparent 1px);background-size:32px 32px;background-position:-1px -1px;overflow-x:clip;}::selection{background:var(--orange);color:var(--ink)}a{color:inherit}:focus-visible{outline:3px solid var(--magenta);outline-offset:3px}.wrap{width:min(100% - 2rem,64rem);margin-inline:auto}.island{position:sticky;top:max(.75rem,env(safe-area-inset-top));z-index:5;width:min(100% - 2rem,34rem);margin:.75rem auto 0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.375rem .5rem .375rem .375rem;background:var(--ground);border:1px solid var(--ink);border-radius:999px}.island img{display:block;width:44px;height:44px;border-radius:12px}.island a.brandlink{display:flex;align-items:center;gap:.625rem;text-decoration:none;font-weight:800;min-height:44px}.island a.jump{display:inline-flex;align-items:center;min-height:44px;padding:0 1rem;text-decoration:none;border:1px solid var(--ink);border-radius:999px}@media (hover: hover){.island a.jump:hover{background:var(--ink);color:var(--ground)}}.hero{text-align:center;padding:clamp(1.25rem,3vw,2.5rem) 0 .75rem}h1{font-weight:800;font-size:var(--display);line-height:1.05;letter-spacing:-.025em;margin:0 auto .75rem;max-width:17ch;text-wrap:balance}.lead{margin:0 auto;max-width:38rem;text-wrap:pretty}.row{padding:.875rem 0 .5rem;border-top:1px solid var(--ink)}.row:first-of-type{border-top:0}h2{font-weight:800;font-size:var(--row-title);line-height:1.2;margin:0 0 .625rem;text-wrap:balance}.track{display:flex;gap:.75rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;list-style:none;margin:0;padding:0 0 .75rem;scrollbar-width:thin;scrollbar-color:var(--ink) transparent}.track > *{flex:none;scroll-snap-align:start}.sticker{width:144px;height:144px;margin:12px 4px;border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--orange);color:var(--ink);text-decoration:none;font-weight:800;font-size:var(--row-title);line-height:1.1;padding:1rem;border:2px solid var(--ink);transform:rotate(-6deg);transition:transform .35s cubic-bezier(.16,1,.3,1)}@media (hover: hover){.sticker:hover{transform:rotate(0deg) scale(1.04)}}.sticker:focus-visible{outline-color:var(--ink)}.panel{width:272px;height:184px;position:relative}.panel svg{display:block;width:272px;height:170px}.dim{position:absolute;left:0;right:0;bottom:0;height:14px;border-left:1px solid var(--ink);border-right:1px solid var(--ink)}.dim::before{content:"";position:absolute;left:0;right:0;top:7px;border-top:1px solid var(--ink)}.panel .t{transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .4s ease-out;transform-box:fill-box}.bar{transform-origin:left center;transform:scaleX(1)}.knob{transform:translateX(16px)}.on,.ok,.ready{opacity:1}.panel[data-step="1"] .bar,.panel[data-step="2"] .bar{transform:scaleX(0)}.panel[data-step="1"] .ok{opacity:0}.panel[data-step="1"] .knob,.panel[data-step="2"] .knob,.panel[data-step="3"] .knob{transform:translateX(0)}.panel[data-step="1"] .on,.panel[data-step="2"] .on,.panel[data-step="3"] .on{opacity:0}.panel[data-step="1"] .ready,.panel[data-step="2"] .ready,.panel[data-step="3"] .ready{opacity:0}.step{width:236px;min-height:150px;padding:.875rem 1rem;border:1px solid var(--ink);border-radius:14px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;transition:transform .35s cubic-bezier(.16,1,.3,1)}.step p{margin:0}.mark{width:36px;height:36px;border-radius:50%;border:1px solid var(--ink);display:grid;place-items:center;font:500 var(--body)/1 "Red Hat Mono",ui-monospace,monospace}.step.is-on .mark{background:var(--ink);color:var(--ground)}.step.is-on{transform:translateY(-4px)}.mod{width:212px;min-height:150px;padding:.875rem 1rem;border-left:1px solid var(--ink)}.mod svg{width:36px;height:36px;display:block;margin-bottom:.375rem}h3{font-size:var(--body);font-weight:800;margin:0 0 .25rem}.mod p{margin:0}.fact{width:220px;min-height:140px;padding:.875rem 1rem;border-top:1px solid var(--ink);display:flex;flex-direction:column;gap:.5rem}.fact svg{width:32px;height:32px}.fact p{margin:0}footer{padding:3rem 0 calc(6rem + env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}footer a{display:inline-flex;align-items:center;min-height:44px}.ctabar{position:fixed;left:0;right:0;bottom:0;z-index:6;display:flex;justify-content:center;padding:.5rem 1rem calc(.5rem + env(safe-area-inset-bottom));background:var(--ground);border-top:1px solid var(--ink);transform:translateY(110%);opacity:0;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s ease-out}.ctabar.show{transform:none;opacity:1}.ctabar a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;min-width:240px;padding:0 1.5rem;border-radius:999px;background:var(--orange);color:var(--ink);border:2px solid var(--ink);font-weight:800;text-decoration:none}@media (min-width: 900px){.panel{width:352px;height:236px}.panel svg{width:352px;height:220px}.sticker{width:184px;height:184px;margin:24px 8px}.track{gap:1.25rem}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{transition:none !important;animation:none !important}}body,html{max-inline-size:100%;overflow-x:clip;}@font-face{font-family: 'Red Hat Display';font-style: normal;font-weight: 500;font-display: swap;src: url(redhatdisplay.8-PrfXL2.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family: 'Red Hat Display';font-style: normal;font-weight: 500;font-display: swap;src: url(redhatdisplay.obAIDQwu.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family: 'Red Hat Display';font-style: normal;font-weight: 800;font-display: swap;src: url(redhatdisplay.8-PrfXL2.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family: 'Red Hat Display';font-style: normal;font-weight: 800;font-display: swap;src: url(redhatdisplay.obAIDQwu.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family: 'Red Hat Mono';font-style: normal;font-weight: 500;font-display: swap;src: url(redhatmono.Lg4T1sPV.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family: 'Red Hat Mono';font-style: normal;font-weight: 500;font-display: swap;src: url(redhatmono.2QXpSu8Z.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}