:root{--paper:#F5F4F0;--ink:#121212;--blue:#1F6FFF;--cyan:#3FD0E6;--coral:#FF5B3A;--tint:#D4EDEE;--muted:#4A4A48;--r:12px;--display:"Red Hat Display",system-ui,sans-serif;--text:"Red Hat Text",system-ui,sans-serif;--s-h1:clamp(2.1rem,1.3rem + 3.2vw,3.6rem);--s-h2:clamp(1.6rem,1.25rem + 1.5vw,2.4rem);--s-body:clamp(1rem,0.96rem + 0.2vw,1.0625rem);}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font:400 var(--s-body)/1.55 var(--text);overflow-x:clip}h1,h2{font-family:var(--display);font-weight:900;margin:0;letter-spacing:-0.015em}p{margin:0}a{color:inherit}.wrap{width:min(1120px,100% - 40px);margin-inline:auto}.hero{position:relative;overflow:clip;background:var(--tint);padding:calc(16px + env(safe-area-inset-top)) 0 96px;clip-path:polygon(0 0,100% 0,100% 92%,80% 97%,60% 94%,40% 99%,20% 95%,0 98%)}@supports (clip-path:shape(from 0 0,line to 1px 1px)){.hero{clip-path:shape(from 0 0,line to 100% 0,line to 100% calc(100% - 56px),curve to 50% calc(100% - 24px) with 80% 100%,curve to 0 calc(100% - 40px) with 22% calc(100% - 64px),close)}}.hero-grid{display:grid;gap:20px;position:relative}.logo{display:block;width:72px;height:72px}.logo img{display:block;width:100%;height:100%;border-radius:var(--r)}h1{font-size:var(--s-h1);line-height:1.02;max-width:13ch;margin-top:8px}.lead{max-width:34ch;margin-top:12px;color:var(--ink)}.cta{display:inline-flex;align-items:center;justify-content:center;min-width:248px;min-height:56px;padding:0 28px;margin-top:22px;background:var(--coral);color:var(--ink);font:500 1.0625rem/1 var(--text);text-decoration:none;border-radius:var(--r);-webkit-tap-highlight-color:transparent;transition:transform .15s ease}.cta:active{transform:scale(0.98)}.cta:focus-visible{outline:3px solid var(--ink);outline-offset:3px}@media (hover: hover) and (pointer: fine){.cta:hover{transform:translateY(-2px)}}.under{margin-top:10px;color:var(--muted);font-size:0.95rem}.switch{display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:6px 14px;border:2px solid var(--ink);border-radius:var(--r);background:var(--paper);color:var(--ink);font:500 0.95rem/1 var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent}.switch:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.switch .lab{color:var(--muted)}[data-side="without"] .switch .l-without,[data-side="with"] .switch .l-with{color:var(--ink);font-weight:500;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}.track{position:relative;width:52px;height:28px;border-radius:14px;background:var(--ink)}.knob{position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background:var(--paper);transition:transform .25s ease}[data-side="with"] .knob{transform:translateX(24px);background:var(--cyan)}.nudge .knob{animation:nudge .6s ease .8s 1}@keyframes nudge{50%{transform:translateX(18px)}}.stage{position:relative;margin:16px 0 0}.giant{position:absolute;left:46%;top:24px;width:300vw;height:300vw;background:var(--cyan);opacity:0.3;clip-path:polygon(0 0,100% 50%,0 100%);pointer-events:none}.stage svg{position:relative;display:block;width:100%;max-width:400px;height:auto}.stage figcaption{position:relative;margin-top:6px;font-size:0.95rem;color:var(--muted);max-width:40ch}#stage{view-transition-name:stage}::view-transition-old(stage),::view-transition-new(stage){animation-duration:.3s}.fade{opacity:0;transition:opacity .15s ease}.stage-in{transition:opacity .15s ease}.prog{transform-box:fill-box;transform-origin:left center;animation:grow 1.6s ease-out .4s both}.playbtn{animation:out .4s ease 1.2s both}@keyframes grow{from{transform:scaleX(0.04)}to{transform:scaleX(0.42)}}@keyframes out{to{opacity:0;transform:scale(0.6)}}.playbtn{transform-box:fill-box;transform-origin:center}@media (min-width: 900px){.hero{padding:32px 0 128px}.hero-grid{grid-template-columns:1.1fr 0.9fr;align-items:center;column-gap:48px}.logo{width:128px;height:128px}.switchrow{order:0}.stage{margin-top:16px}}.inside{margin:48px auto 0;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:12px 0}.inside p{font-variant:all-small-caps;letter-spacing:0.05em;font-weight:500;margin-bottom:6px}.inside ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 28px}.inside a{display:inline-flex;gap:10px;align-items:center;min-height:44px;text-decoration:none;font-variant:all-small-caps;letter-spacing:0.04em}.inside a span{font-weight:500;color:var(--ink);border-bottom:2px solid var(--blue)}.inside a:focus-visible{outline:2px solid var(--blue);outline-offset:2px}@media (hover: hover){.inside a:hover{text-decoration:underline}}section.block{margin-top:72px;scroll-margin-top:24px}section.block h2{font-size:var(--s-h2);line-height:1.08;max-width:22ch}.intro{max-width:56ch;margin-top:12px}.steps{list-style:none;margin:28px 0 0;padding:0 0 0 32px;position:relative;max-width:56ch}.steps::before{content:"";position:absolute;left:8px;top:10px;bottom:10px;width:2px;background:var(--blue)}.steps li{position:relative;padding:0 0 22px}.steps li:last-child{padding-bottom:0}.steps li::before{content:"";position:absolute;left:-30px;top:6px;width:14px;height:14px;border-radius:50%;background:var(--blue)}.flags{margin-top:72px;background:var(--ink);color:var(--paper);padding:88px 0;clip-path:polygon(0 24px,6% 6px,13% 26px,21% 2px,30% 22px,38% 8px,47% 28px,55% 4px,64% 20px,72% 0,81% 24px,89% 6px,100% 20px,100% calc(100% - 22px),92% calc(100% - 4px),84% calc(100% - 26px),75% calc(100% - 6px),66% calc(100% - 24px),58% 100%,49% calc(100% - 20px),40% calc(100% - 2px),31% calc(100% - 26px),22% calc(100% - 8px),13% calc(100% - 24px),5% calc(100% - 4px),0 calc(100% - 18px))}@supports (clip-path:shape(from 0 0,line to 1px 1px)){.flags{clip-path:shape(from 0 24px,line to 6% 6px,line to 13% 26px,line to 21% 2px,line to 30% 22px,line to 38% 8px,line to 47% 28px,line to 55% 4px,line to 64% 20px,line to 72% 0,line to 81% 24px,line to 89% 6px,line to 100% 20px,line to 100% calc(100% - 22px),line to 92% calc(100% - 4px),line to 84% calc(100% - 26px),line to 75% calc(100% - 6px),line to 66% calc(100% - 24px),line to 58% 100%,line to 49% calc(100% - 20px),line to 40% calc(100% - 2px),line to 31% calc(100% - 26px),line to 22% calc(100% - 8px),line to 13% calc(100% - 24px),line to 5% calc(100% - 4px),line to 0 calc(100% - 18px),close)}}.flags .block{margin-top:0}.flags .intro{color:#D9D8D3}.flaggrid{display:grid;gap:32px;margin-top:32px}@media (min-width: 760px){.flaggrid{grid-template-columns:1fr 1fr;gap:56px}}.flaggrid h3{display:flex;align-items:center;gap:12px;margin:0 0 12px;font:500 1.0625rem/1.2 var(--text)}.flaggrid ul{margin:0;padding:0;list-style:none}.flaggrid li{padding:12px 0;border-top:1px solid #3A3A38}.flaggrid svg{flex:none}.callout{margin-top:56px;border:2px solid var(--ink);border-radius:var(--r);padding:20px 22px;max-width:640px;background:#fff}.callout p+p{margin-top:8px}.callout strong{font-weight:500}.callout a{color:var(--ink);font-weight:500;text-decoration-color:var(--blue);text-decoration-thickness:2px;text-underline-offset:3px}.callout a:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.routes{list-style:none;margin:24px 0 0;padding:0;max-width:640px}.routes li{display:grid;grid-template-columns:1fr auto;gap:4px 16px;padding:14px 0;border-top:2px solid var(--ink)}.routes li:last-child{border-bottom:2px solid var(--ink)}.routes b{font-weight:500}.routes span{grid-column:1/-1;color:var(--muted)}.routes i{font-style:normal;color:var(--ink);font-weight:500;grid-row:1;grid-column:2}.last{margin-top:96px;padding:56px 0 8px;border-top:2px solid var(--ink)}.last h2{font-size:var(--s-h2);line-height:1.08;max-width:18ch}footer{margin-top:64px;background:var(--ink);color:var(--paper);padding:40px 0 calc(40px + env(safe-area-inset-bottom))}footer .brand{font-family:var(--display);font-weight:900;font-size:var(--s-h2);line-height:1}footer p{margin-top:8px;color:#D9D8D3}footer nav{display:flex;flex-wrap:wrap;gap:4px 24px;margin-top:20px}footer nav a{position:relative;display:inline-flex;align-items:center;min-height:44px;text-decoration:none}footer nav a::after{content:"";position:absolute;left:0;right:0;bottom:10px;height:2px;background:var(--cyan);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}footer nav a:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}footer nav a:focus-visible::after{transform:scaleX(1)}@media (hover: hover){footer nav a:hover::after{transform:scaleX(1)}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none !important;transition:none !important}.prog{transform:scaleX(0.42)}.playbtn{opacity:0}::view-transition-old(stage),::view-transition-new(stage){animation:none !important}}