/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:Lato;src:url(/_astro/Lato-Regular.BwLIet1C.ttf) format("truetype")}@font-face{font-family:Mont;src:url(/_astro/MontDemo-Heavy.ChyQKlfo.otf) format("opentype");font-weight:700}.bg-darkgray{background-color:#3f3f3f;color:#fff}.blue{color:#09a3eb}.cyan{color:#75d5ff}.fade-in{opacity:1!important;transition:1s linear}.fade-out{opacity:0!important;transition:1s linear}.button{background-color:#09a3eb;color:#fff;border:none;padding:.4em 1em;border-radius:1em;font-size:.75em}.button:hover{cursor:pointer;opacity:.9}:root{font-family:Lato;font-size:16px;user-select:none;cursor:default}h1,h2,h3,.mont{font-family:Mont}@media (min-width: 640px){:root{font-size:18px}}@media (min-width: 768px){:root{font-size:20px}}@media (min-width: 1024px){:root{font-size:22px}}@media (min-width: 1200px){:root{font-size:24px}}.show-468{display:none}@media screen and (min-width: 468px){.show-468{display:initial}}.section--a{position:relative;display:flex;flex-direction:column;font-size:.75em}@media screen and (min-width: 1024px){.section--a{flex-direction:row;-webkit-box-shadow:0px 0px 7px 0px rgba(0,0,0,.55);-moz-box-shadow:0px 0px 7px 0px rgba(0,0,0,.55);box-shadow:0 0 7px #0000008c}}@media screen and (min-width: 1200px){.section--a{font-size:.9em}}.section--a>#video1-container{position:fixed;width:100%;height:100%;z-index:10;pointer-events:none}@media screen and (min-width: 768px) and (min-height: 768px){.section--a>#video1-container{position:absolute;top:0;left:0;width:100%;height:100%}}.section--a>#video1-container video{position:absolute;top:0;left:0;width:100%;height:100%;background:#000}.section--a>#video1-container>#close-video1{position:absolute;top:1em;right:1em;color:#fff;background:transparent;z-index:11;border:none;font-size:16pt}.section--a>#video1-container>#close-video1:hover{cursor:pointer}.section--a .left-side{width:100%;height:450px}@media screen and (min-width: 1024px){.section--a .left-side{height:600px;width:53vw}}@media screen and (min-width: 1200px){.section--a .left-side{height:785px}}.section--a .left-side>section{height:100%;overflow:hidden}@media screen and (min-width: 1024px){.section--a .left-side>section>picture{transform:scale(1.25) translateY(-35px)}}.section--a .left-side .banner-container{display:flex;align-items:center;height:100%}.section--a .left-side .banner-container .banner{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:210px;text-align:center;background:#8a8a8acc}@media screen and (min-width: 768px){.section--a .left-side .banner-container .banner{height:250px}}@media screen and (min-width: 1024px){.section--a .left-side .banner-container .banner{height:420px}}@media screen and (min-width: 1200px){.section--a .left-side .banner-container .banner{height:545px}}.section--a .left-side .banner-container .banner svg{height:70%;max-width:70%}@media screen and (min-width: 1024px){.section--a .left-side .banner-container .banner svg{height:60%}}.section--a .right-side{height:370px;display:flex;flex-direction:column;justify-content:center;z-index:1;font-size:1.25em;-webkit-box-shadow:0px 0px 7px 0px rgba(0,0,0,.55);-moz-box-shadow:0px 0px 7px 0px rgba(0,0,0,.55);box-shadow:0 0 7px #0000008c}@media screen and (min-width: 1024px){.section--a .right-side{width:47vw;height:600px;font-size:1em;-webkit-box-shadow:-3px 0px 7px -2px rgba(0,0,0,.35);-moz-box-shadow:-3px 0px 7px -2px rgba(0,0,0,.35);box-shadow:-3px 0 7px -2px #00000059}}@media screen and (min-width: 1200px){.section--a .right-side{height:785px}}.section--a .right-side .text-container{display:flex;flex-direction:column;align-items:center;margin-top:-1em;font-size:1.6em}@media screen and (min-width: 1024px){.section--a .right-side .text-container{margin-top:0;margin-left:3em;align-items:flex-start}}.section--a .right-side .text-container>h1>span{font-size:1em}.section--a .right-side .text-container span{font-weight:700;font-size:1.2em}.section--a .right-side button{margin-top:.75em}.section--b>div{position:relative;width:100%;height:450px;max-width:1320px;margin-left:auto;margin-right:auto}@media screen and (min-width: 768px){.section--b>div{height:600px}}@media screen and (min-width: 1024px){.section--b>div{height:785px}}.section--b>div>svg{display:none}@media screen and (min-width: 1024px){.section--b>div>svg{display:initial;width:300px;margin:1em 0 0 1em}}.section--b>div .container{position:absolute;inset:1em 0 0;max-width:800px;margin-left:auto;margin-right:auto}@media screen and (min-width: 440px){.section--b>div .container{left:1em;right:1em}}@media screen and (min-width: 1024px){.section--b>div .container{height:unset;top:1em;bottom:1em;right:1em;left:unset;width:663px}}@media screen and (min-width: 1200px){.section--b>div .container{right:2em;width:723px}}.section--b>div .container>.cog-container{position:absolute;width:100%;height:100%;overflow:hidden}.section--b>div .container>.cog-container>svg{position:absolute;width:120%;top:30%}@media screen and (min-width: 1200px){.section--b>div .container>.cog-container>svg{width:110%}}.section--b>div .container .text-container{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:700;font-size:.9em;height:100%;margin:0 1em;overflow:hidden}@media screen and (min-width: 640px){.section--b>div .container .text-container{font-size:1em}}@media screen and (min-width: 768px){.section--b>div .container .text-container{font-size:1.1em}}@media screen and (min-width: 1024px){.section--b>div .container .text-container{font-size:1em}}.section--b>div .container .text-container>div{z-index:1}@media screen and (min-width: 1024px){.section--b>div .container .text-container>div>svg{display:none}}.section--b>div .container .picture-a{display:none}@media screen and (min-width: 1024px){.section--b>div .container .picture-a{display:initial;position:absolute;left:-305px;top:15%;width:305px;height:360px;overflow:hidden}.section--b>div .container .picture-a>picture>img{width:100%;height:auto;transform:scale(1.85) translateY(20px)}}.section--b>div .container .picture-b{display:none}@media screen and (min-width: 1024px){.section--b>div .container .picture-b{display:initial;position:absolute;left:-200px;bottom:4%;width:200px;height:220px;overflow:hidden}}@media screen and (min-width: 1200px){.section--b>div .container .picture-b{left:-360px;bottom:25%}}.section--b>div .container .picture-b>picture>img{width:100%;height:auto;transform:scale(2.3) translate(-5px) translateY(21px)}.section--c{display:flex;flex-direction:column;text-align:center;padding:2em .1em 1.5em;line-height:1.5em;font-size:1em}@media screen and (min-width: 640px){.section--c{font-size:1.1em;height:444px}}@media screen and (min-width: 768px){.section--c{height:494px}}@media screen and (min-width: 1024px){.section--c{height:640px;font-size:1.2em}}@media screen and (min-width: 1200px){.section--c{height:785px;font-size:1.35em}}.section--c .show-sm{display:none}@media screen and (min-width: 640px){.section--c .show-sm{display:initial}}.section--c p{margin:0}.section--c picture{width:6em;margin-top:-.5em}.section--c picture>img{width:100%;height:100%}.section--c .pictures-container{display:flex;flex-direction:row;justify-content:center;gap:.5em;padding:0 1em;font-size:.9em}@media screen and (min-width: 1024px){.section--c .pictures-container{font-size:1.1em}}.section--c .pictures-container>b{line-height:1.5em}.section--d{display:flex;flex-direction:column}@media screen and (min-width: 1024px){.section--d{flex-direction:row}}.section--d .left-side{width:100%;display:flex;flex-direction:column;align-items:center;font-size:1em;line-height:1.5em;z-index:2;-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,.55);-moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,.55);box-shadow:0 0 5px #0000008c}@media screen and (min-width: 640px){.section--d .left-side{font-size:1.35em}}@media screen and (min-width: 768px){.section--d .left-side{font-size:1.45em}}@media screen and (min-width: 1024px){.section--d .left-side{font-size:1em;-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,.35);-moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,.35);box-shadow:0 0 5px #000000d9}}.section--d .right-side{width:100%;height:450px}@media screen and (min-width: 768px){.section--d .right-side{height:600px}}@media screen and (min-width: 1024px){.section--d .right-side{-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,.85);-moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,.85);box-shadow:0 0 5px #000000d9}}.section--d .right-side>section{height:100%;overflow:hidden}.section--d .right-side>section>picture{transform:scale(1.3) translateY(-40px)}.section--d .right-side .container{position:relative;width:100%;height:100%}.section--d .right-side .container .white-bg{position:absolute;width:100%;height:100%;background-color:#ffffff80}.section--d .right-side .diagram-container{--size: 350px;--circle-size: calc((var(--size) * .57));--logo-size: calc(var(--size) * .27);position:relative;width:var(--size);height:var(--size);left:calc(50% - var(--size) / 2);top:calc(50% - var(--size) / 2);font-weight:700;font-size:calc(var(--size) / 22);text-align:center;color:#fff}@media screen and (min-width: 768px){.section--d .right-side .diagram-container{--size: 450px}}.section--d .right-side .diagram-container .circle{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;width:var(--circle-size);height:var(--circle-size);border-radius:calc(var(--circle-size) / 2)}.section--d .right-side .diagram-container .circle-blue{background-color:#37659dcc;z-index:3}.section--d .right-side .diagram-container .circle-blue span{margin-right:calc(var(--size) / 9)}.section--d .right-side .diagram-container .circle-purple{background-color:#3e5087cc;right:0;z-index:2}.section--d .right-side .diagram-container .circle-purple span{margin-left:calc(var(--size) / 9)}.section--d .right-side .diagram-container .circle-gray{background-color:#303633cc;left:calc(50% - var(--circle-size) / 2);bottom:0}.section--d .right-side .diagram-container .circle-gray span{margin-top:calc(var(--size) / 30)}.section--d .right-side .diagram-container .logo-container{position:relative;width:var(--logo-size);height:var(--logo-size);left:calc(48% - var(--logo-size) / 2);top:calc(45% - var(--logo-size) / 2);z-index:4}.section--d .right-side .diagram-container .logo-container svg{width:100%;height:100%}.section--e{text-align:center;padding-top:1em}@media screen and (min-width: 640px){.section--e{font-size:1.2em}}.section--e>.container{position:relative;margin-bottom:1em}.section--e>.container>.line{display:none;background-color:#000;position:absolute;z-index:-1}@media screen and (min-width: 1024px){.section--e>.container>.line{display:unset;height:2px;top:54px;left:140px;right:130px}}@media screen and (min-width: 1440px){.section--e>.container>.line{left:0;right:0;width:1200px;margin:0 auto}}.section--e>.container>div.items{display:flex;flex-direction:column;text-align:start}@media screen and (min-width: 1024px){.section--e>.container>div.items{flex-direction:row}}@media screen and (min-width: 1200px){.section--e>.container>div.items{max-width:1400px;margin-left:auto;margin-right:auto}}.section--e>.container>div.items>div{display:flex;justify-content:space-between;align-items:center;margin:0 auto;height:9em;width:90%;max-width:22em}@media screen and (min-width: 640px){.section--e>.container>div.items>div{width:80%}}@media screen and (min-width: 1024px){.section--e>.container>div.items>div{height:unset;flex-direction:column-reverse;justify-content:flex-end}}@media screen and (min-width: 1024px){.section--e>.container>div.items>div>p{text-align:center;font-size:.68em}}.section--e>.container>div.items>div>.device{position:relative}.section--e>.container>div.items>div>.device>.line{background-color:#000;position:absolute;z-index:-1;width:2px;inset:40px 0 -540px;margin:0 auto}@media screen and (min-width: 640px){.section--e>.container>div.items>div>.device>.line{bottom:-740px}}@media screen and (min-width: 768px){.section--e>.container>div.items>div>.device>.line{bottom:-840px}}@media screen and (min-width: 1024px){.section--e>.container>div.items>div>.device>.line{display:none}}.section--e>.container>div.items>.user{display:none}@media screen and (min-width: 1440px){.section--e>.container>div.items>.user{display:flex}}.section--e .circle{--size: 96px;display:inline-block;background-color:#09a3eb;width:var(--size);height:var(--size);border-radius:calc(var(--size) / 2);position:relative}.section--e .circle.bordered{box-sizing:border-box;border:12px solid rgb(0,112,173);-webkit-box-shadow:0px 0px 14px 6px rgba(0,0,0,.3);-moz-box-shadow:0px 0px 14px 6px rgba(0,0,0,.3);box-shadow:0 0 14px 6px #0000004d}@media screen and (min-width: 640px){.section--e .circle{--size: 110px}}.section--e .circle>img.user{height:100%;width:99.6884735202%}@media screen and (min-width: 1440px){.section--e .circle>img.user{display:block;transform:scale(1.5)}}.section--e .circle>img.device{height:70%;width:49.8220640569%;margin-top:16%;margin-left:25%}.section--e .circle>img.pc{width:70%;height:55.34375%;margin-top:24%;margin-left:16%}.section--e .circle>img.target{width:70%;height:70.21875%;margin-top:15%;margin-left:15%}.section--e .circle>img.stats{width:70%;height:66.9375%;margin-top:17%;margin-left:16%}.section--e .circle>.arrow.hide{opacity:0}@media screen and (min-width: 1440px){.section--e .circle>.arrow.show-1440{opacity:unset}}.section--e .circle>.arrow>svg{position:absolute;width:10px;transform:rotate(180deg);top:-23px;left:0;right:0;margin:0 auto}@media screen and (min-width: 1024px){.section--e .circle>.arrow>svg{transform:rotate(90deg);top:0;bottom:0;margin:auto 0;left:-8px;right:unset}}.section--f{display:flex;flex-direction:column}.section--f .center-text{width:100%;display:flex;flex-direction:column;text-align:center;font-size:1em;-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,.55);-moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,.55);box-shadow:0 0 5px #0000008c}@media screen and (min-width: 640px){.section--f .center-text{width:calc(100% - 2em);margin:0 1em}}@media screen and (min-width: 768px){.section--f .center-text{width:calc(100% - 4em);margin:0 2em}}@media screen and (min-width: 1024px){.section--f .center-text{width:calc(1024px - 6em);margin:0 auto}}@media screen and (min-width: 1200px){.section--f .center-text{width:calc(1200px - 6em)}}.section--f .center-text>div{width:95%;margin:0 auto}@media screen and (min-width: 640px){.section--f .center-text>div{width:33em}}.section--f .container{display:flex;justify-content:space-evenly;align-items:center;text-align:center;padding:1em;max-width:800px;margin-left:auto;margin-right:auto;height:120px}@media screen and (min-width: 640px){.section--f .container{height:200px}}@media screen and (min-width: 768px){.section--f .container{height:220px}}@media screen and (min-width: 1200px){.section--f .container{max-width:1000px;height:260px}}.section--f .container .picture-a{width:33.33%}.section--f .container .picture-a>a>picture>img{width:100%;height:auto}.section--f .container .picture-b{width:33.33%}.section--f .container .picture-b>a>picture>img{width:50%;height:auto}.section--f .container .picture-b>a>picture>img:after{width:50%;height:auto}.section--f .container .picture-c{width:33.33%}.footer{padding:1em 0;font-size:1.1em;-webkit-box-shadow:0px 0px 7px 0px rgba(0,0,0,.55);-moz-box-shadow:0px 0px 7px 0px rgba(0,0,0,.55);box-shadow:0 0 7px #0000008c}@media screen and (min-width: 1024px){.footer{font-size:1em}}.footer>div{width:fit-content;margin:0 auto}.footer>div>p{text-align:center}path[data-astro-cid-niid5yxz]{fill:transparent}svg[data-astro-cid-niid5yxz]{position:absolute;top:-12px;left:-6px;width:117%;font-size:4em;@media screen and (min-width: 640px){top:-13px;left:-6px;width:115%;font-size:2.4em;transform:rotate(13deg)}@media screen and (min-width: 768px){font-size:2em;transform:rotate(14deg)}@media screen and (min-width: 1024px){font-size:1.8em;transform:rotate(16deg)}@media screen and (min-width: 1200px){font-size:1.8em;transform:rotate(12deg)}}text[data-astro-cid-niid5yxz]{fill:#fff}