@font-face{font-display:swap;font-family:OT Bulb Reverse;font-style:normal;font-weight:500;src:url(/static/media/OTBulbReverse-500.4a6c8a6d295053f7c0b3.otf) format("opentype")}*,:after,:before{box-sizing:border-box}#root,body,html{background:#fafafa;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;overflow-x:hidden}.app{background:inherit;display:grid;grid-template-columns:1fr;min-height:100vh}.sidebar{display:flex;flex-direction:column;padding:24px;position:static}.logo{padding:0 0 16px}.logo-text{color:#000;font-family:OT Bulb Reverse,Courier New,Courier,monospace;font-size:28px;font-style:normal;font-weight:500;letter-spacing:.01em;line-height:100%;white-space:nowrap}.navigation{padding:0;position:relative}.nav-item{align-items:center;display:flex;margin-bottom:4px;padding:4px 0;position:relative}.nav-bullet{background:#1f6eff;border-radius:2px;flex-shrink:0;height:6px;left:0;position:absolute;top:0;width:6px;z-index:1}.nav-text{color:#555;font-size:14px;font-weight:500;letter-spacing:.01em;line-height:22px;padding-left:0;text-decoration:none}.nav-text.active{font-weight:600}.nav-text:hover{border-radius:4px;color:#313131}.main-content{grid-gap:0;align-items:start;background:inherit;display:grid;gap:0;grid-template-columns:repeat(12,1fr);justify-content:start;padding:24px}.content-container{grid-column:1/13;max-width:600px}.scr-illustration{display:block;height:122px;margin-bottom:64px;width:auto}.main-heading{color:#555;font-family:Mona Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Inter,SF Pro Display,Roboto,Helvetica Neue,Arial,sans-serif;font-size:18px;font-weight:500;letter-spacing:-.02em;line-height:32px;margin:0 0 64px}.content-text{font-feature-settings:"ss01" on;font-weight:400;line-height:22px;margin:0 0 64px}.content-lead,.content-text{leading-trim:both;text-edge:cap;color:#555;font-family:Mona Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Inter,SF Pro Display,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;font-style:normal;letter-spacing:.01em;max-width:65ch;width:100%}.content-lead{font-feature-settings:"ss01" on;font-weight:600;line-height:18px;margin:0 0 24px}.content-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:12px;margin:0 0 64px;padding:0;transition:opacity .2s ease}.content-button:hover{opacity:.8}.button-icon{background:#000;border-radius:4px;flex-shrink:0;height:24px;width:24px}.button-text{color:#555;font-family:Mona Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Inter,SF Pro Display,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:22px;text-decoration:none}.video-container{align-items:center;background:#000;border-radius:8px;display:flex;height:400px;justify-content:center;margin-top:48px;overflow:hidden;position:relative;width:100%}.video-placeholder{color:#666;font-family:Mona Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Inter,SF Pro Display,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;font-weight:400}.project-section{grid-column:1/13;margin-top:48px}.project-heading{color:#555;font-family:Mona Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Inter,SF Pro Display,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:600;letter-spacing:.01em;line-height:22px;margin:0 0 16px}.project-showcase{align-items:center;background:#1e1e1e;border-radius:8px;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding:24px}.showcase-screenshot{border-radius:8px;box-shadow:0 8px 32px #0000004d;height:auto;max-width:200px;width:100%}.project-showcase-light{background:#e5e5e5}.project-showcase-light .showcase-screenshot{box-shadow:0 8px 32px #00000026}.sub-heading{color:#555;font-family:Mona Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Inter,SF Pro Display,Roboto,Helvetica Neue,Arial,sans-serif;font-size:18px;font-weight:500;letter-spacing:.01em;line-height:22px;margin:48px 0 24px}@media (min-width:900px){.app{grid-template-columns:400px 1fr}.sidebar{align-self:start;height:100vh;padding-left:80px;padding-right:24px;padding-top:128px;position:-webkit-sticky;position:sticky;top:0}.main-content{padding:128px 48px}.project-section{margin-top:64px}.project-heading{margin:0 0 24px}.project-showcase{flex-wrap:nowrap;gap:24px;padding:32px}.showcase-screenshot{height:350px;max-width:none;width:auto}}@media (min-width:1200px){.app{grid-template-columns:500px 1fr}.sidebar{padding-left:128px}.main-content{padding:128px 80px}.project-showcase{gap:32px;padding:48px}.showcase-screenshot{height:500px}}
/*# sourceMappingURL=main.c68395b7.css.map*/