:root{--ground:#ECE9E2;--ink:#1C1B18;--yolk:#FFE14D;--go:#D7263D;--muted:#5E5A52;--display:"Red Hat Display",system-ui,sans-serif;--text:"Red Hat Text",system-ui,sans-serif;--big:clamp(2.1rem,1.2rem + 4.2vw,3.6rem);--mid:clamp(1.2rem,1.05rem + 0.6vw,1.45rem);--base:1rem;--r:14px;}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--ground);color:var(--ink);font:400 var(--base)/1.6 var(--text);overflow-x:clip}a{color:inherit}img{display:block}:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:6px}.waves{position:absolute;inset:0 0 auto 0;height:100svh;z-index:0;pointer-events:none;opacity:.45;-webkit-mask-image:linear-gradient(#000 60%,transparent);mask-image:linear-gradient(#000 60%,transparent)}.wrap{position:relative;z-index:1;max-width:1160px;margin:0 auto;padding:0 max(20px,env(safe-area-inset-left)) 0 max(20px,env(safe-area-inset-right))}.story{display:grid;grid-template-columns:minmax(0,1fr)}.intro{padding:max(16px,env(safe-area-inset-top)) 0 24px}.logo{width:64px;height:64px;border-radius:14px}h1{font:800 var(--big)/1.04 var(--display);letter-spacing:-0.02em;margin:18px 0 14px;max-width:13ch}.lead{font-size:var(--base);color:var(--muted);margin:0 0 22px;max-width:38ch}.go-btn{display:inline-flex;align-items:center;justify-content:center;min-width:240px;min-height:56px;padding:0 28px;background:var(--go);color:#fff;font:600 var(--mid)/1 var(--text);text-decoration:none;border-radius:var(--r);transition:transform .15s ease}.go-btn:active{transform:scale(.98)}.intro .go-btn{align-self:flex-start}.under{margin:12px 0 0;color:var(--muted)}.stage{position:sticky;top:0;z-index:2;background:var(--ground);padding:8px 0 12px;margin:0 -20px;display:flex;justify-content:center}.stage svg{width:auto;height:min(44dvh,400px);max-width:calc(100% - 24px)}.steps{list-style:none;margin:0;padding:0 0 12dvh}.steps li{min-height:70dvh;display:flex;align-items:flex-start;padding-top:30dvh}.steps p{margin:0;font:600 var(--mid)/1.35 var(--text);max-width:24ch;padding:14px 0 14px 16px;border-left:1px solid var(--ink)}.stage [class^="f-"],.stage [class*=" f-"]{transition:opacity .45s ease,transform .45s ease}.e-rows,.e-user,.e-score,.e-meo{transition:opacity .45s ease}.e-rows,.e-user,.e-score,.e-meo,.scan{opacity:0}.f-row:nth-child(2){transition-delay:.08s}.f-row:nth-child(3){transition-delay:.16s}.f-row:nth-child(4){transition-delay:.24s}.tab-with .on{opacity:1}.tab-without .on{opacity:0}.tab-with .off{opacity:0}.tab-without .off{opacity:1}.stage .on,.stage .off{transition:opacity .3s ease}.scan{transition:opacity .3s ease}.stage[data-step="1"] .f-user,.stage[data-step="1"] .f-rows,.stage[data-step="1"] .f-score,.stage[data-step="1"] .f-meo,.stage[data-step="2"] .f-rows,.stage[data-step="2"] .f-score,.stage[data-step="2"] .f-meo,.stage[data-step="3"] .f-score,.stage[data-step="3"] .f-meo{opacity:0;transform:translateX(-8px)}.stage[data-step="1"] .e-user,.stage[data-step="1"] .e-rows,.stage[data-step="1"] .e-score,.stage[data-step="1"] .e-meo,.stage[data-step="2"] .e-rows,.stage[data-step="2"] .e-score,.stage[data-step="2"] .e-meo,.stage[data-step="3"] .e-score,.stage[data-step="3"] .e-meo{opacity:1}.stage[data-step="1"] .tab-with .on{opacity:0}.stage[data-step="1"] .tab-with .off{opacity:1}.stage[data-step="1"] .tab-without .on{opacity:1}.stage[data-step="1"] .tab-without .off{opacity:0}.stage[data-step="2"] .scan{opacity:1}.scan rect{animation:scan 1.6s ease-in-out infinite alternate}@keyframes scan{from{transform:translateY(0)}to{transform:translateY(176px)}}.guide{padding:24px 0 0}.toc{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:18px 0;margin:0 0 56px}.toc h2{font:600 var(--base)/1.4 var(--text);margin:0 0 10px;color:var(--muted)}.toc ol{list-style:none;margin:0;padding:0;display:grid;gap:4px}.toc a{display:inline-flex;align-items:center;gap:12px;min-height:44px;text-decoration:none;font-weight:600}.box{width:22px;height:22px;border:2px solid var(--ink);border-radius:5px;display:inline-grid;place-items:center;flex:none}.box svg{width:14px;height:14px;opacity:0;transform:scale(.6);transition:opacity .3s ease,transform .3s ease}.toc li.read .box{background:var(--ink)}.toc li.read .box svg{opacity:1;transform:none}.part{padding:0 0 64px;max-width:640px;scroll-margin-top:24px}.myth{margin:0 0 6px;color:var(--muted)}.myth s{text-decoration-thickness:2px;text-decoration-color:var(--go)}.part h2{font:800 var(--mid)/1.25 var(--display);margin:0 0 14px}.part p{margin:0 0 14px}.cite{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;margin-left:4px;border-radius:11px;background:var(--ink);color:var(--ground);font-weight:600;text-decoration:none;vertical-align:2px;line-height:1}details.more{border-top:1px solid var(--ink);margin-top:8px}details.more summary,.faq summary{cursor:pointer;min-height:48px;display:flex;align-items:center;font-weight:600;list-style:none}details summary::-webkit-details-marker{display:none}details.more summary::after,.faq summary::after{content:"+";margin-left:auto;padding-left:16px;font-weight:600}details[open].more summary::after,.faq details[open] summary::after{content:"\2212"}.first{margin:6px 0 18px;padding:2px 0 2px 16px;border-left:6px solid #C9C4B8;color:var(--muted)}.nots{list-style:none;margin:0;padding:0;display:grid;gap:12px}.nots li{display:flex;gap:12px;align-items:flex-start}.nots svg{flex:none;width:22px;height:22px;margin-top:2px}.faq details{border-top:1px solid var(--ink)}.faq details:last-child{border-bottom:1px solid var(--ink)}.faq details p{margin:0 0 16px;color:var(--muted)}.close{display:flex;flex-wrap:wrap;align-items:center;gap:20px 28px;padding:40px 0 72px;border-top:1px solid var(--ink)}.stamp{width:132px;height:132px;flex:none;transform:rotate(-8deg)}.close-copy{display:grid;gap:14px;justify-items:start}.close-copy p{margin:0;font:600 var(--mid)/1.35 var(--text);max-width:22ch}footer{border-top:1px solid #C9C4B8;margin-top:8px;padding:28px 20px calc(96px + env(safe-area-inset-bottom));text-align:center}.foot{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 18px;color:var(--muted)}.foot img{width:32px;height:32px;border-radius:8px}.foot b{color:var(--ink);font-weight:600}.foot a{display:inline-flex;align-items:center;min-height:44px}.bar{position:fixed;left:0;right:0;bottom:0;z-index:5;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.show{transform:none}.bar .go-btn{width:100%;max-width:420px}.legal{position:fixed;inset:0;z-index:10;background:var(--ground);overflow-y:auto;display:none}.legal.open{display:block}.legal-top{position:sticky;top:0;background:var(--ink);color:var(--ground);display:flex;align-items:center;justify-content:space-between;padding:calc(8px + env(safe-area-inset-top)) 20px 8px}.legal-top h2{font:800 var(--mid)/1.2 var(--display);margin:0}.x{min-width:44px;min-height:44px;background:none;border:0;color:inherit;font:600 var(--mid)/1 var(--text);cursor:pointer}.legal-body{max-width:640px;margin:0 auto;padding:16px 20px calc(24px + env(safe-area-inset-bottom))}.legal details{border-bottom:1px solid #C9C4B8;padding:4px 0}.legal summary{cursor:pointer;min-height:48px;display:flex;align-items:center;gap:8px;font:800 var(--mid)/1.2 var(--display)}.copy{margin-left:auto;min-width:44px;min-height:44px;background:none;border:0;font:600 var(--base)/1 var(--text);color:var(--muted);cursor:pointer}.legal p{margin:0 0 14px}.gotit{display:block;width:100%;min-height:56px;margin-top:20px;background:var(--ink);color:var(--ground);border:0;border-radius:var(--r);font:600 var(--mid)/1 var(--text);cursor:pointer}@media (hover: hover) and (pointer: fine){.go-btn:hover{transform:translateY(-2px)}.toc a:hover,.foot a:hover{text-decoration:underline}}@media (min-width: 900px){.logo{width:96px;height:96px;border-radius:20px}.story{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:64px}.intro{grid-column:1;grid-row:1;padding-top:40px;min-height:88dvh;display:flex;flex-direction:column;justify-content:center}.steps{grid-column:1;grid-row:2}.stage{grid-column:2;grid-row:1 / 3;align-self:start;top:8dvh;margin:40px 0 0;padding:0;background:transparent;min-height:84dvh;align-items:center}.stage svg{height:auto;width:100%;max-width:440px;max-height:80dvh}.steps li{padding-top:0;align-items:center}.guide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);column-gap:64px}.toc{grid-column:1;grid-row:1 / 5;align-self:start;position:sticky;top:32px;border-bottom:0}.guide > .part,.guide > .close{grid-column:2}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{transition:none !important;animation:none !important}}@font-face{font-family: 'Red Hat Display';font-style: normal;font-weight: 800;font-display: swap;src: url(assets/redhatdisplay.f8aa24dbdc.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(assets/redhatdisplay.9af643b9db.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 Text';font-style: normal;font-weight: 400;font-display: swap;src: url(assets/redhattext.8f06e550c9.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 Text';font-style: normal;font-weight: 400;font-display: swap;src: url(assets/redhattext.1bd28a6d67.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 Text';font-style: normal;font-weight: 600;font-display: swap;src: url(assets/redhattext.8f06e550c9.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 Text';font-style: normal;font-weight: 600;font-display: swap;src: url(assets/redhattext.1bd28a6d67.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;}