:root{--bg: hsl(44, 61%, 95%);--fg: hsl(271, 40%, 12%);--muted: hsl(44, 40%, 38%);--accent: hsl(271, 30%, 28%);--card-bg: hsl(271, 81%, 99%);--terminal-bg: #1f2933;--terminal-fg: hsl(44, 28%, 82%);--footer-bg: hsl(44, 61%, 82%);--footer-fg: var(--fg);--focus: #FF55AA;--card-shadow: rgba(0, 0, 0, 0.16) 0px 2px 4px 0px inset}*,*::before,*::after{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:"Puritan",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh;font-size:1.125rem}@media(prefers-color-scheme: dark){:root{--bg: hsl(271, 20%, 12%);--fg: hsl(44, 28%, 82%);--muted: hsl(44, 32%, 48%);--accent: hsl(271, 24%, 52%);--card-bg: hsl(271, 21%, 10%);--terminal-bg: hsl(210, 20%, 8%);--terminal-fg: hsl(44, 28%, 82%);--footer-bg: var(--card-bg);--footer-fg: var(--muted);--focus: #66FFCC;--card-shadow: none}}img{max-width:100%;display:block}.brand-font{font-family:"Special Gothic Condensed One","Puritan",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.page{max-width:55rem;margin:0 auto;padding:0 1.75rem 8rem;position:relative;z-index:1}.hero{width:100%;display:flex;flex-direction:column;gap:4rem;align-items:center;padding:8rem 0;min-height:100dvh;position:relative}.start{gap:.5rem;display:flex;flex-direction:column}.hero__logo{display:flex;align-items:flex-end}.hero__logo svg#logo__mark{fill:var(--fg);opacity:0;height:clamp(4rem,10vw,6rem);animation:slide-over 1.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;animation-delay:.4s}.hero__logo svg#logo__down{fill:var(--accent);opacity:0;height:clamp(6rem,14vw,9.25rem);animation:float-in 1.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;animation-delay:.4s}.hero__tag{opacity:0;font-size:1.25rem;color:var(--muted);animation:fade-in .725s ease-in forwards;animation-delay:2s;margin:0}.end{display:flex;flex-direction:column}.hero__support{margin:0;opacity:0;font-size:clamp(1.5rem,4vw,2rem);line-height:1.5;color:var(--fg);display:flex;align-items:center;gap:.5rem;animation:fade-in .725s ease-in forwards;animation-delay:5s}.hero__support>svg{width:2rem;color:var(--muted)}.hero__support:first-of-type{animation-delay:3s}.hero__support:last-of-type{animation-delay:7s;padding-left:2.5rem}.scroll-indicator{position:absolute;bottom:1.25rem;height:clamp(1.5rem,4vw,2.25rem);fill:var(--muted);cursor:pointer;opacity:0;transition:opacity 2s linear}.scroll-indicator.opacity{opacity:1}.scroll-indicator:focus{outline:.225rem solid var(--focus);outline-offset:.625rem;border-radius:2rem;opacity:1}.bounce-top{animation:bounce-top 8s infinite alternate-reverse both}@media(prefers-reduced-motion: reduce){.bounce-top{animation:none}}.flow{display:flex;flex-direction:column;align-items:center;gap:4rem;margin:4rem 0 8rem;position:relative}.card{background:var(--card-bg);border:.5rem solid var(--bg);border-radius:1.75rem;padding:1.75rem 1.5rem;position:relative;z-index:1;max-width:36rem;width:100%;box-shadow:var(--card-shadow)}.card:before{content:"↓";position:absolute;color:var(--muted);top:-5rem;left:calc(50% - .125rem);width:.225rem;text-align:center;font-size:4rem;opacity:.66;font-family:"Special Gothic Condensed One","Puritan",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.card:first-of-type:before{display:none}.card__label{margin:0 0 1rem;font-size:clamp(.875rem,4vw,1rem);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-weight:bold}pre{margin:0;font-family:"Inconsolata",SFMono-Regular,Consolas,monospace;font-size:clamp(1rem,4vw,1.125rem);white-space:pre-wrap;line-height:1.5;color:var(--fg)}.teaser{margin:8rem 0}.teaser p{margin:0;line-height:1.7;font-size:clamp(1.125rem,4vw,1.5rem);text-align:left}.teaser p .brand-font{color:var(--accent);font-size:clamp(1.5rem,4vw,2rem)}.terminal{display:flex;gap:2rem;flex-direction:column;margin-bottom:8rem}.terminal__window{background:var(--terminal-bg);color:var(--terminal-fg);border-radius:1rem;padding:1.25rem 1.5rem;width:100%;font-family:"Inconsolata",SFMono-Regular,Consolas,monospace;position:relative}.terminal__dots{display:flex;gap:.5rem;margin-bottom:1rem}.terminal__dots span{width:.66rem;height:.66rem;border-radius:50%;background:hsla(0,0%,100%,.3)}.terminal__actions{display:flex;flex-direction:column;gap:2rem;align-items:center}.btn{text-decoration:underline;text-underline-offset:.375rem;text-decoration-thickness:.15rem;text-decoration-color:var(--muted);color:var(--fg);display:flex;min-width:-moz-max-content;min-width:max-content;gap:.5rem;align-items:center}.btn:focus{outline:.25rem solid var(--focus);outline-offset:.625rem;border-radius:.25rem}.btn>svg{color:var(--muted)}.sr-only{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}dynamo-wave{fill:var(--footer-bg);width:100%}dynamo-wave svg{height:2rem;width:100%;margin-bottom:-0.5rem}.footer{background-color:var(--footer-bg);color:var(--footer-fg);font-size:1rem;padding:1rem 1rem 1.25rem;display:flex;justify-content:space-between;align-items:flex-end}.footer p{margin:0}.footer a:focus{outline:.225rem solid var(--focus);outline-offset:.625rem;border-radius:.25rem}.footer svg{width:2rem;fill:var(--muted);margin-bottom:-0.5rem}@media screen and (min-width: 47.999rem){.terminal{flex-direction:row;align-items:center}.terminal__actions{display:flex;flex-direction:column;gap:1.5rem;align-items:flex-start}.page{padding:0 3rem 8rem}.hero{flex-direction:row;justify-content:center;gap:6rem}.hero__tag{font-size:1.5rem}.start{gap:.66rem}.end{margin-top:3.5rem}.footer{padding:2rem 2rem 1.25rem}}@keyframes slide-over{0%{opacity:0;transform:translateX(2.125rem)}80%{opacity:.65;transform:translateX(-0.775rem)}100%{opacity:1;transform:translateX(0)}}@keyframes float-in{0%{opacity:0;transform:translateY(-3rem)}80%{opacity:.65;transform:translateY(1rem)}100%{opacity:1;transform:translateY(0)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes bounce-top{0%{transform:translateY(-12px);animation-timing-function:ease-in;opacity:1}24%{opacity:1}40%{transform:translateY(-6px);animation-timing-function:ease-in}65%{transform:translateY(-3px);animation-timing-function:ease-in}82%{transform:translateY(-2px);animation-timing-function:ease-in}93%{transform:translateY(-1px);animation-timing-function:ease-in}25%,55%,75%,87%{transform:translateY(0px);animation-timing-function:ease-out}100%{transform:translateY(0px);animation-timing-function:ease-out;opacity:1}}/*# sourceMappingURL=styles.css.map */