section.intro{padding:4rem 0 4.5rem}@media screen and (max-width:1023px){section.intro{padding:3rem 0 3.5rem}}@media screen and (max-width:768px){section.intro{padding:2rem 0 2.5rem}}section.intro .wrapper{padding:0 5rem!important}@media screen and (max-width:1023px){section.intro .wrapper{padding:0 3.5rem!important}}@media screen and (max-width:768px){section.intro .wrapper{padding:0 1.5rem!important}}section.intro .wrapper .text-content{padding-right:2rem}@media screen and (max-width:1023px){section.intro .wrapper .text-content{padding-right:1rem}}@media screen and (max-width:768px){section.intro .wrapper .text-content{padding-right:0}}section.intro .wrapper .text-content .uptitle{display:inline-flex;align-items:center;margin-bottom:1.5rem;padding:.7rem 1.1rem;border-radius:.5rem}section.intro .wrapper .text-content .uptitle svg{margin-right:.7rem}section.intro .wrapper .text-content .uptitle h1{text-transform:uppercase;font-size:1rem;letter-spacing:.1rem;font-weight:400;line-height:normal;top:1px;position:relative}section.intro .wrapper .text-content strong{font-weight:500}section.intro .wrapper .text-content li,section.intro .wrapper .text-content ol,section.intro .wrapper .text-content p{font-size:1.175rem}section.intro .wrapper .text-content h2{font-size:2rem;font-weight:600;margin-bottom:1.25rem;letter-spacing:-.025em;line-height:1.1;color:#1b1b20}section.intro .wrapper .text-content h2:not(:first-child){margin-top:2.5rem}section.intro .wrapper .text-content ul{list-style:disc;margin-left:1.25rem}section.intro .wrapper .text-content ul:not(:last-child){margin-bottom:1.5rem}section.intro .wrapper .text-content ul li{padding-left:.5rem}section.intro .wrapper .text-content ul li:not(:last-child){margin-bottom:.2rem}section.intro .wrapper .text-content ol{padding-left:1.25rem}section.intro .wrapper .text-content ol li{padding-left:.5rem}section.intro .wrapper .text-content ol li:not(:last-child){margin-bottom:.5rem}section.intro .wrapper .webcomponent-illustration{display:flex;justify-content:center;position:relative;margin-top:1rem}@media screen and (max-width:1023px){section.intro .wrapper .webcomponent-illustration{right:-10px}}@media screen and (max-width:768px){section.intro .wrapper .webcomponent-illustration{right:0;margin-top:1.25rem;margin-bottom:5rem}}section.intro .wrapper .webcomponent-illustration svg{width:235px;height:auto;position:relative;z-index:2;right:0}@media screen and (max-width:1023px){section.intro .wrapper .webcomponent-illustration svg{width:200px}}section.intro .wrapper .webcomponent-illustration .illustration{position:relative;right:calc(120px - 10vw)}@media screen and (max-width:768px){section.intro .wrapper .webcomponent-illustration .illustration{right:0;z-index:2}}section.intro .wrapper .webcomponent-illustration .doodle-circle{position:absolute;z-index:0;bottom:-100px;right:50px}@media screen and (max-width:1023px){section.intro .wrapper .webcomponent-illustration .doodle-circle{bottom:-70px}}@media screen and (max-width:768px){section.intro .wrapper .webcomponent-illustration .doodle-circle{right:unset;z-index:1}}section.intro .wrapper .webcomponent-illustration .dust{position:absolute;bottom:-230px;right:0;transform:rotate(45deg);z-index:1}@media screen and (max-width:1023px){section.intro .wrapper .webcomponent-illustration .dust{bottom:-160px;transform:rotate(45deg) scale(.85)}}@media screen and (max-width:768px){section.intro .wrapper .webcomponent-illustration .dust{right:unset;bottom:-140px;transform:rotate(112deg) scale(1.1);z-index:0}}section.webcomponents{background-color:#f1f4fb;padding:5rem 0;position:relative}@media screen and (max-width:480px){section.webcomponents{padding:4.5rem 0 4rem}}section.webcomponents .triangle{clip-path:polygon(50% 0,0 100%,100% 100%);background-color:white;position:absolute;left:50%;transform:translateX(-50%) rotate(180deg);top:0;height:22px;width:45px}section.webcomponents .wrapper .title-wrapper{margin-bottom:4.5rem}@media screen and (max-width:480px){section.webcomponents .wrapper .title-wrapper{margin-bottom:3.5rem}}section.webcomponents .wrapper .title-wrapper .suptitle{text-transform:uppercase;letter-spacing:.1rem;font-weight:400;color:#4a4a56;margin-bottom:1.5rem;text-align:center}@media screen and (max-width:480px){section.webcomponents .wrapper .title-wrapper .suptitle{margin-bottom:.75rem;font-size:.95rem}}section.webcomponents .wrapper .title-wrapper .section-title{text-align:center}@media screen and (max-width:768px){section.webcomponents .wrapper .columns{margin:-.5rem}}@media screen and (max-width:480px){section.webcomponents .wrapper .columns{margin:-.375rem}}@media screen and (max-width:768px){section.webcomponents .wrapper .columns .column{padding:.5rem}}@media screen and (max-width:480px){section.webcomponents .wrapper .columns .column{padding:.375rem}}section.webcomponents .wrapper .columns .column .webcomponent{background-color:white;color:#666;padding:1.55rem 1rem;border-radius:10px;min-height:100%;text-align:center;transition:.2s;display:flex;flex-direction:column}section.webcomponents .wrapper .columns .column .webcomponent.is-active{background-color:#35d16b;pointer-events:none;color:white}section.webcomponents .wrapper .columns .column .webcomponent.is-active .webcomponent-icon circle,section.webcomponents .wrapper .columns .column .webcomponent.is-active .webcomponent-icon path,section.webcomponents .wrapper .columns .column .webcomponent.is-active .webcomponent-icon rect{fill:white}section.webcomponents .wrapper .columns .column .webcomponent:hover{position:relative;text-decoration:none;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);cursor:pointer;transform:translateY(-2px)}section.webcomponents .wrapper .columns .column .webcomponent .webcomponent-icon{display:flex;align-items:center;justify-content:center;margin-bottom:1.4rem}section.webcomponents .wrapper .columns .column .webcomponent .webcomponent-name{font-size:.9rem;line-height:1.2}section.webcomponents .subtitle{margin-top:0;line-height:1.35;color:#1b1b20;font-size:1.4rem;letter-spacing:-.02em;margin-bottom:2.5rem}