:root{--background:#fff1c9;--surface-light:#f9cf5c;--surface-mid:#e3ac15;--surface-dark:#6b5b2e;--surface-console:#404040;--accent-1:#3d9be0;--text-body:#202020;--gap:1.5rem;--radius:8px;--radius-2x:16px;--shadow-01:3px 3px 3px rgba(0,0,0,0.25);--transition:all .2s ease}*{margin:0;padding:0;box-sizing:border-box}html{background-color:var(--background);color:var(--text-body);font-family:"IBM Plex Sans",ui-sans-serif,"-apple-system","system-ui","Segoe UI","Helvetica","Apple Color Emoji","Arial","sans-serif","Segoe UI Emoji","Segoe UI Symbol";font-size:16px}body{font-size:1rem;line-height:1.6rem}main{padding:0 var(--gap)}pre,code{font-family:"JetBrains Mono",ui-monospace,Menlo,Monaco,"Cascadia Mono","Segoe UI Mono","Roboto Mono","Courier New",monospace}code{padding:2px 5px;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;background-color:var(--surface-light);border-radius:6px;font-size:.85em}p code{hyphens:none}.btn,button{padding:.375rem 3rem;border:0;border-radius:var(--radius);text-decoration:none;text-wrap:nowrap;background-color:var(--surface-mid);box-shadow:var(--shadow-01);transition:var(--transition)}a,a.btn{color:var(--text-body);cursor:pointer}a.btn,button{font-weight:600;font-size:1em}a.btn .icon{margin-left:1rem}button.play{padding-left:1rem;padding-right:1rem}button.play .icon{margin-right:.5rem}ul.inline{margin:0;list-style-type:none}.terminal{width:100%;border-radius:var(--radius-2x);box-shadow:var(--shadow-01)}.terminal .header{display:flex;flex-direction:row;align-items:center;padding-left:10px;gap:6px;height:36px;background-color:var(--text-body);border-radius:var(--radius-2x) var(--radius-2x) 0 0;border:2px solid var(--text-body)}.terminal .header .icon{width:12px;height:12px;border-radius:50%}.terminal .header .icon-red{background-color:#fc5753}.terminal .header .icon-yellow{background-color:#fdbc40}.terminal .header .icon-green{background-color:#36c84b}.terminal pre#console{padding:.5rem;width:100%;height:380px;background-color:var(--surface-console);border:2px solid var(--text-body);border-top:transparent;border-bottom-right-radius:var(--radius-2x);border-bottom-left-radius:var(--radius-2x);color:var(--background);line-height:1.2em;font-size:12px;white-space:pre-wrap;overflow-y:auto}.footer{padding:3rem 1rem}.footer .mark{fill:var(--surface-mid);width:100px;transition:var(--transition)}.flex{display:flex;gap:var(--gap)}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-grow{flex-grow:1}.flex-shrink{flex-shrink:1}.flex-even{flex:1}.justify-space-between{justify-content:space-between}.justify-content-center{justify-content:center}.align-items-center{align-items:center}.align-items-end{align-items:end}.gap-half{gap:.5rem}.gap-2x{gap:2rem}.gap-4x{gap:4rem}.body-width{padding-left:1.5rem;padding-right:1.5rem}.dis-inline-block{display:inline-block}.w-full{width:100%}.row{padding:3rem 0}@media all and (max-width:767px){.m-flex{display:flex}.m-flex-row{flex-direction:row}.m-flex-col{flex-direction:column}.m-flex-wrap{flex-wrap:wrap}.m-justify-space-between{justify-content:space-between}.m-justify-content-center{justify-content:center}.m-align-items-center{align-items:center}.m-align-items-bottom{align-items:end}.m-flex-col-reverse{flex-direction:column-reverse}.m-hide{display:none!important}.m-gap-0{gap:0}main{padding-top:var(--gap)}.logo{max-width:70%}}@media all and (min-width:768px){.d-flex{display:flex}.d-flex-row{flex-direction:row}.d-flex-col{flex-direction:column}.d-flex-wrap{flex-wrap:wrap}.d-justify-space-between{justify-content:space-between}.d-justify-content-center{justify-content:center}.d-align-items-center{align-items:center}.d-align-items-bottom{align-items:end}.d-grid{display:grid}.d-grid-2col{grid-template-columns:1fr 1fr}.d-grid-3col{grid-template-columns:1fr 1fr 1fr}.d-hide{display:none!important}.d-cursor-pointer{cursor:pointer}.d-gap-4x{gap:4rem}html,body,main{height:100%}.btn:hover,button:hover{background-color:var(--accent-1);cursor:pointer}.footer .mark:hover{fill:var(--accent-1);transform:scale(1.2)}.hero .right{max-width:340px;padding-bottom:3rem}.terminal{width:600px}.terminal pre#console{height:466px;font-size:13px}.logo{width:200px}}@media all and (min-width:1200px){.terminal{width:760px}.terminal pre#console{height:500px;font-size:14px}.logo{width:300px;height:343px}}