:root{--indigo:#5856d6;--off-white:#fffffff2;--faded-black:#111;--easeInOutQuart:cubic-bezier(.76,0,.24,1);--easeOutBack:cubic-bezier(.34,1.56,.64,1);--secondary-fill:#333;--body:var(--faded-black);--wash:var(--off-white);--secondary:#808080bf;--edge-highlight:#00000026}@media (prefers-color-scheme:dark){:root{--indigo:#5e5ce6;--body:var(--off-white);--wash:var(--faded-black);--edge-highlight:#fff3}}*{box-sizing:border-box;margin:0;padding:0;position:relative}img{max-width:100%;height:auto;display:block}html{background-color:var(--wash);min-height:100%;color:var(--body);padding:0 .7rem 1.4rem;font:125%/1.4 -apple-system,system-ui,BlinkMacSystemFont,sans-serif}@media (max-width:1028px){html{font-size:100%}}@media (max-width:800px){html{font-size:90%}}html,body{perspective:1000px;height:100%;margin:0 auto}h1{margin-bottom:1.5rem;font-size:1.5rem;line-height:1}h2{font-size:1rem}ul{margin-bottom:1.5rem;padding-left:1.25rem}.stage{animation:appear .5s 50ms var(--easeInOutQuart)both;transform-origin:top;text-align:center;justify-self:center}a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--menubar-light);text-decoration-color:var(--menubar-light)}a:hover{color:var(--indigo);text-decoration-color:currentColor}footer{color:var(--secondary);line-height:1.15}p{margin-bottom:1.4rem}.button-group{text-align:center;gap:1rem;display:grid}.button{background-color:var(--body);color:var(--wash);letter-spacing:-.025em;border-radius:.75em;padding:.5em .75em;font-weight:700;text-decoration:none;transition:all .3s}.button:hover,.button:focus{background-color:var(--indigo);color:var(--off-white);box-shadow:0 4px 16px #0003}@keyframes appear{0%{opacity:0;transform:scale(.8)translateY(10%)}}.app-icon-container{border-radius:.75em;display:inline-block;position:relative;overflow:hidden;box-shadow:0 .5em 1em #00000026}.app-icon-container:after{content:"";box-shadow:inset 0 0 0 1px var(--edge-highlight);border-radius:.75em;position:absolute;inset:0}main{max-width:32rem;margin:0 auto;padding:2rem 1rem}header h1{margin-bottom:0;font-size:1rem;font-weight:600}header h1 a{text-decoration:none}header{border-bottom:1px solid var(--edge-highlight);margin-bottom:3rem;padding-bottom:.75rem}
