@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");body{font-family:Roboto,sans-serif;font-size:14px;margin:0;padding:0}.wrapper{background-repeat:repeat;background-size:100%}.hero-banner{left:0;max-width:100%;min-height:100vh;overflow:hidden;position:fixed;top:0;width:100%}.hero-banner,.section{padding-left:6rem;padding-right:6rem}.section-content{padding-left:0;padding-right:0;position:relative}.hero-banner img{height:100%;left:0;position:fixed;top:0;width:100%}.hero-banner.fixed-image{min-height:400px;position:fixed;transform-origin:top center;transition:transform .1s linear;z-index:1}.hero-banner.fixed-image,.hero-banner.fixed-image img{left:auto;max-width:400px;right:.5rem;top:20px;width:100%}.hero-banner.fixed-image img{border-radius:20px;height:100%;max-height:400px;object-fit:cover}.hero-banner.fixed-image .white-box{display:none}.white-box{background:#fff;border-radius:20px;max-width:32rem;padding:3.5rem;position:relative;top:10rem}.white-box .title{font-size:40px;position:relative}.white-box p{font-size:20px;line-height:30px;margin-top:15px}.white-box .underlined:after{background:#fa6400;border-radius:8px;bottom:-.8em;content:"";display:block;height:8px;position:absolute;width:140px}ul.right-nav{max-width:200px;position:fixed;right:1rem;top:60px;z-index:100}.right-nav li{list-style:none;padding:5px 20px}.right-nav li a{align-items:center;background-color:transparent;border-radius:10px;box-shadow:0 0 #0000,0 0 #0000;color:#000;display:flex;gap:10px;justify-content:space-between;padding:.75rem;position:relative;text-decoration:none;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,width;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.right-nav li a:before{background-color:#fff;border-radius:10px;content:"";height:100%;left:100%;position:absolute;top:0;transition:width .4s ease,left .4s ease;width:0;z-index:0}.right-nav li a:hover:before{left:0;right:auto;width:100%}.right-nav li a.active-link:before{left:0;width:100%}span.circle{background-color:#fff;border-radius:50%;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);height:16px;margin-left:auto;position:relative;width:16px;z-index:1}.right-nav .nav-text{opacity:0;position:relative;text-align:left;transition:opacity .4s ease;width:8rem;z-index:1}.right-nav li:hover a{height:100%;width:100%}.right-nav li a.active-link>.circle,.right-nav li a.active-link>.nav-text,.right-nav li:hover a>.circle,.right-nav li:hover a>.nav-text{opacity:1}.right-nav li a.active-link .circle,.right-nav li:hover a .circle{background-color:#fa6400}.caption{border-radius:15px;bottom:10px;color:#000;display:block;max-width:300px;opacity:0;overflow:hidden;padding:1em 1em 1em 2em;position:fixed;right:10px;transition:background-color .5s ease,opacity .5s ease-in-out;z-index:1}.hero-banner .caption{background-color:#fff;flex-direction:column;font-size:12px;opacity:1}@media (min-width:768px){.caption{color:#333;flex-direction:column;font-family:Arial,sans-serif;font-size:14px}.caption-section{align-items:flex-start;display:flex;padding-top:8px}.border-bottom{border-bottom:1px solid #ccc;padding-bottom:8px}.icon{flex-shrink:0;margin-right:8px}.text{line-height:1.4}}section.documenting{padding:2.5rem 1.5rem}.documenting .content-column{max-width:500px}.documenting .underlined-heading{display:inline-block;font-size:24px;font-weight:500;line-height:1.5;margin-bottom:4rem;padding-right:3rem;position:relative}.documenting .underlined-heading:after{background:#fa6400;border-radius:8px;bottom:-.8em;content:"";display:block;height:8px;position:absolute;width:140px}.documenting .paragraph{font-size:18px;letter-spacing:1.2px;line-height:1.9rem;margin-bottom:1.2rem}@media (max-width:1024px){.hero-banner{padding-left:0;padding-right:20px}.white-box{background:#fff;border-radius:20px;left:0;max-width:32rem;padding:3.5rem;position:relative;top:5rem}.white-box .title{font-size:40px;position:relative}}