:root{--foreground-rgb: rgb(63, 71, 81);--weak-color-1: #444;--weak-color-2: #888;--primary-color: rgb(93 255 198);--primary-color-hover: rgb(93 255 165);--primary-color-hover-inverse: #226f54;--secondary-color: #3178c6;--accent-color: #ff7f11;--navbar-height: 50px;--navbar-z-index: 300;--section-z-index: 200;--section-bg-1: #f9f9f9;--section-bg-2: #f0f0f0;--section-vertical-padding: 5rem;--section-horizontal-padding: 5rem;--section-max-width-narrow: 1200px;--section-heading-and-body-margin: 4rem;--subsection-heading-margin: 2rem}@media (max-width: 600px){:root{--section-vertical-padding: 2rem;--section-horizontal-padding: 2rem;--section-heading-and-body-margin: 2rem}}*{box-sizing:border-box;padding:0;margin:0}html,body{max-width:100vw;min-height:100vh}body{color:var(--foreground-rgb);letter-spacing:.4px;font-family:AvertaStd,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.7;display:flex;flex-direction:column}#app{flex:1;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}a.styled{text-decoration:underline;text-underline-offset:3px}ul{list-style:none;padding:0;margin:0}ul.styled{list-style:circle inside}.nowrap{white-space:nowrap}section{z-index:var(--section-z-index)}p+p{margin-top:1rem}.prose{& p,ul,ol,blockquote{margin-top:1rem;margin-bottom:1rem}& h2{margin:3rem 0 1rem}}.author{margin:2rem 0;padding:1rem 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;display:grid;grid-template-columns:auto 1fr;grid-gap:1rem;align-items:center;.avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;object-position:top;border:3px solid #79b3ba}.right{.heading{font-size:.9rem;font-weight:700}.time{font-size:.8rem;color:#666}.description{margin:0;font-size:.8rem}}}h1.section-heading{font-size:2rem;text-align:center;margin-bottom:var(--section-heading-and-body-margin)}h2.subsection-heading{font-size:1.5rem;text-align:center;margin-top:var(--subsection-heading-margin);margin-bottom:var(--subsection-heading-margin)}h3.section-subheading{font-size:.8rem;color:var(--weak-color-2);text-align:center}.navbar{position:fixed;top:0;left:0;right:0;z-index:var(--navbar-z-index);overflow:hidden;height:var(--navbar-height);display:flex;transition:height .3s ease-in-out;border-bottom:1px solid transparent;color:#fff;&:not(.at-top),&:not(.transparent-at-top){color:var(--foreground-rgb);border-bottom:1px solid #00000024;box-shadow:0 2px 18px 9px #00000014;background-color:#f9f9f9}>.content-wrapper{flex:1;display:flex;>.content{padding:0 var(--section-horizontal-padding);max-width:var(--section-max-width-narrow);margin:0 auto;flex:1;display:flex;align-items:center;font-family:monospace;@media (max-width: 800px){padding:0 1rem}.logo-breadcrumb-separator{margin:0 .5rem;opacity:.5}.logo,.breadcrumb{font-size:1rem;white-space:nowrap;font-weight:700;&:hover{text-decoration:underline;text-underline-offset:.4rem}}.links{margin-left:auto;display:flex;& li{display:flex;align-items:center;@media (max-width: 900px){&:not(.primary){display:none}}}& li+li{margin-left:3rem;@media (max-width: 1024px){margin-left:2rem}}& a{display:block;font-size:.8rem;white-space:nowrap;text-underline-offset:.5rem;&:hover{text-decoration:underline}}}}}}a.book-button{border-radius:5px;padding:1.2rem 2rem;display:inline-block;font-size:.8rem;transition:all .1s ease-in-out;line-height:0;font-weight:700;white-space:nowrap;&:not(.inverse){color:#444;background:var(--primary-color);&:hover{background:var(--primary-color-hover)}}&.inverse{color:#fff;border:2px solid var(--primary-color);&:hover{background:var(--primary-color-hover-inverse)}}}#contact{padding:var(--section-vertical-padding) 0;color:#fff;position:relative;width:100%;background:#444;display:grid;justify-content:center;>.content{width:100%;max-width:550px;.brief{padding:1rem;border-radius:5px;border:1px solid white;text-align:center}.grid{width:250px;margin:0 auto;margin-top:2rem;display:grid;justify-content:space-between;grid-gap:1rem;grid-auto-flow:column;align-items:center;align-content:center;padding:.5rem;@media (max-width: 600px){border:0}.item{display:flex;align-items:center;font-size:1.3rem;line-height:1;& svg{width:30px;height:30px}}}.button-container{display:flex;justify-content:center;width:100%;margin-top:2rem;& a{display:flex;justify-content:center;width:250px;margin:0 auto}}}}:root{--section-max-width-narrow: 1400px;--screenshot-background: #1f1f1f}.navbar.transparent-at-top.at-top{ul.links li:first-child a{border-color:#00ffd1;background:transparent;&:hover{outline-color:#00ffd1}}}.navbar{ul.links li:first-child a{padding:2px 10px;border:1px solid transparent;background:#079e83;color:#fff;border-radius:10px;font-weight:700;outline:3px solid transparent;transition:all .2s ease;&:hover{text-decoration:none!important;outline:2px solid #079e83}}}.sessions-grid{display:grid;grid-template-columns:1fr 1fr 1fr;@media (max-width: 800px){grid-template-columns:1fr}.session{border-radius:10px;box-shadow:0 4px 15px 7px transparent;transition:all .2s ease;padding:1rem;cursor:pointer;&:hover{box-shadow:0 4px 15px 7px #00000026;background:#fff}.session-inner-wrapper{display:grid;gap:.5rem;.cover-container{border-radius:10px;background:#000;aspect-ratio:16 / 9;display:flex;justify-content:center;overflow:hidden;position:relative;& img.cover{object-fit:cover;width:100%;height:100%}.clip-banner{position:absolute;right:-41px;top:11px;transform-origin:center;transform:rotate(35deg);background:#d00;color:#fff;font-size:1rem;padding:2px 50px;font-weight:700;box-shadow:0 3px 10px 3px #00000054;z-index:1;letter-spacing:1px}.duration{position:absolute;bottom:4px;right:4px;padding:2px 6px;color:#fff;border-radius:5px;background:#000a;font-size:.8em;z-index:1}}.avatar-and-content{overflow:hidden;display:grid;grid-template-columns:auto 1fr;gap:.5rem;.avatar-container{.avatar{width:50px;height:50px;object-fit:cover;object-position:center top;border-radius:50%;border:1px solid #c0c0c0}}>.content{display:grid;gap:.25rem;line-height:1.2;& h3{font-size:1rem;.tags{font-size:.8em;color:var(--weak-color-2)}}.handle{font-size:.8em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.footer{font-size:.8em}.no-select{user-select:none}}}}}}.navbar.transparent-at-top.at-top{.logo-breadcrumb-separator,.breadcrumb{display:none}}#intro{background:var(--screenshot-background);>.content{margin:0 auto;padding:calc(var(--navbar-height) + var(--section-vertical-padding)) var(--section-horizontal-padding);padding-bottom:2rem;max-width:var(--section-max-width-narrow);& h1.section-heading{font-size:2rem;margin-bottom:1rem;color:#fff;line-height:1.2}& h3{text-align:center;color:#bbb;font-size:1.2rem;line-height:1.2}}.carousel{margin-top:2rem;margin-bottom:2rem}.install-now-wrapper{margin-bottom:2rem;display:grid;justify-content:center;& a{outline:2px solid #079e83;padding:4px 20px;border:1px solid transparent;background:#079e83;color:#fff;border-radius:10px;font-weight:700;transition:all .2s ease;text-align:center;margin:0 1rem;border-color:#00ffd1;background:transparent;&:hover{outline-color:#00ffd1}}}}.carousel{position:relative;.carousel-buttons{@media (max-width: 600px){display:none}& button{position:absolute;bottom:calc(50% - 35px);background:#1f1f1fb5;border:unset;outline:unset;cursor:pointer;width:50px;height:70px;color:#fff;border-radius:10px;border:1px solid #ffffffaa;display:flex;justify-content:center;align-items:center;transition:all .2s ease;&.left{left:10px}&.right{right:10px}& svg{width:40px;height:40px;color:#fffc}&:hover{background:#3f3f3fb5;border-color:#fff}}}.carousel-page-indicators{display:flex;margin-top:1rem;gap:.5rem;justify-content:center;align-items:center;.carousel-page-indicator{width:12px;height:12px;background:#fff8;border-radius:50%;transition:all .1s ease;left:0;right:0;cursor:pointer;&.carousel-page-indicator-active{width:25px;height:10px;border-radius:8px;background:#fff}}}.carousel-pages-wrapper{--carousel-page-width: 1000px;scroll-snap-type:x mandatory;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;@media (max-width: 1200px){--carousel-page-width: 90vw}.carousel-pages{display:flex;gap:2rem;padding:0 calc((100vw - var(--carousel-page-width)) / 2);width:max-content;@media (max-width: 600px){padding:0}.carousel-page{flex:0 0 auto;width:var(--carousel-page-width);scroll-snap-align:center;opacity:.1;transition:opacity .2s ease;pointer-events:none;@media (max-width: 600px){width:100vw}&.carousel-active-page{opacity:1;pointer-events:all}}}}.ytplayer{border-radius:15px;width:100%;aspect-ratio:16 / 9;border:5px solid var(--foreground-rgb);outline:1px solid #ffffff4d}@media (max-width: 600px){.ytplayer{border-radius:unset;border:unset;box-shadow:unset;outline:unset}}}#tagline{background:var(--section-bg-2);padding:2rem;text-align:center;border-bottom:1px solid #d5d5d5;& h3{font-size:1.3rem;line-height:1.3;font-weight:400}}#feature-cards{background:var(--section-bg-1);padding:var(--section-vertical-padding) var(--section-horizontal-padding);padding-top:4rem;@media (max-width: 600px){padding-top:2rem}.grid{display:grid;gap:2rem;grid-template-columns:repeat(4,350px);justify-content:center;@media (max-width: 1700px){grid-template-columns:repeat(2,400px)}@media (max-width: 1000px){grid-template-columns:1fr}.feature-card{display:grid;gap:1rem;grid-template-rows:auto 1fr;border:1px solid #ccc;border-radius:10px;padding:1rem 1.5rem;@media (max-width: 1700px){& p{font-size:.9rem}}& h2{font-size:1.3rem;text-align:center;line-height:1.3}p{text-align:justify}}}}#sessions-section{background:var(--section-bg-2);>.content{margin:0 auto;padding:var(--section-vertical-padding) 1rem}}#subscribe-section{background:var(--section-bg-1);>.content{padding:var(--section-vertical-padding) var(--section-horizontal-padding)}}.subscribe{--color: var(--foreground-rgb);--background: white;--box-shadow: none;--border: 1px solid var(--foreground-rgb);--outline: none;--outline-hover: 1px solid var(--foreground-rgb);--success-color: var(--primary-color-hover-inverse);--error-color: #ff0000;display:grid;justify-items:center;gap:1rem;color:var(--color);.input-container{position:relative;display:grid;justify-items:end;overflow:hidden;border-radius:10px;box-shadow:var(--box-shadow);border:var(--border);outline:var(--outline);background:var(--background);width:100%;max-width:600px;&:has(:hover),&:has(:active),&:has(:focus){outline:var(--outline-hover)}@media (max-width: 600px){border-width:1px;outline:unset}& input{grid-column:1 / 2;grid-row:1 / 2;font-size:1.5rem;border-radius:0;outline:0;border:0;padding:.7rem 3rem .7rem 1.5rem;background:unset;width:100%;@media (max-width: 800px){font-size:.9rem;padding:.3rem 3rem .3rem .8rem}@media (max-width: 600px){max-width:unset;width:100%}}& button{grid-column:1 / 2;grid-row:1 / 2;background:unset;border:unset;outline:unset;cursor:pointer;display:grid;align-items:center;justify-items:center;aspect-ratio:1.2 / 1;border-left:2px solid transparent;height:100%;min-width:48px;&:hover,&:active,&:focus{border-color:var(--foreground-rgb);background:var(--section-bg-2);& svg{opacity:1}}& svg{stroke:var(--foreground-rgb);opacity:.8;width:36px;height:36px}}}& p.message{text-align:center;margin:0;&.success{color:var(--success-color)}&.error{color:var(--error-color)}}}
/*# sourceMappingURL=index.css.map */