#section-apply,#section-intro .btn,section h1,section h2,section h3{text-align:center}section{display:block;width:100%;float:left;position:relative;z-index:0}section h3{font-size:24px;padding:10px 0}section>.splitter{box-shadow:inset 10px 20px 0 20px #0000000f;position:absolute;content:"";top:calc(100% - 30px);width:150%;height:1100px;z-index:0}footer{position:relative;z-index:1}#section-intro{transition:1s;z-index:0;overflow:hidden}#section-intro>.splitter{background:#4b4b4b;left:-40%;top:calc(100% - 60px);transform:matrix3d(1,.1,0,-.00035,0,1,0,0,0,0,1,0,0,0,0,1)}#section-intro>.wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;position:relative;z-index:1;padding-bottom:0;min-height:clamp(700px,calc(100vh - 349px),1200px)}#section-intro .btn{padding:15px 25px;font-size:18px;margin:6px 8px;scale:1;box-sizing:border-box;min-width:245px;transition:.2s;background-color:var(--main-color-hex)}:has(.popuped){overflow:visible!important;position:unset!important}#section-intro .btn:hover{scale:1.1}#section-intro>.wrapper>div:first-child>*{text-align:center;opacity:0;transition:1s;opacity:1}#section-intro>.wrapper>div>.btn.trigger-video-open{width:fit-content;min-width:auto;margin:0 auto 15px;padding:8px 12px;font-size:12px;border-radius:6px;background:#0000;border:1px solid #0002;color:#333;position:relative;overflow:hidden}#section-intro.start>.wrapper>div>.btn.trigger-video-open{scale:1;background:url(/design/img/public/icon/play.svg) center left 8px/12px no-repeat #fff;opacity:.8;padding-left:28px;transition:.2s}#section-intro.start>.wrapper>div>.btn.trigger-video-open:hover{opacity:1;color:#fff0;background-position:center;scale:1.1}@keyframes blink-caret{from,to{border-color:transparent}50%{border-color:var(--main-color-hex)}}#section-intro h1{font-size:26px;margin:35px 0;line-height:1}#section-intro h1>strong{display:inline-block;border:5px solid var(--main-color-hex);color:var(--main-color-hex);border-radius:10px;line-height:1;vertical-align:middle;font-weight:bolder;position:relative;padding:2px 8px 3px;font-size:20px;white-space:nowrap}#section-intro h1>strong::after{content:"://";font-size:12px;vertical-align:middle;font-style:italic;margin:0 0 0 5%}#section-intro h1>strong>svg{content:"";position:absolute;width:40%;z-index:1;top:66%;right:10%;stroke:#fff;stroke-width:99px;fill:var(--main-color-hex);paint-order:stroke}#section-intro h2{font-weight:lighter;margin-bottom:5px;font-size:18px}#section-intro .cta-wrapper{display:flex;flex-wrap:wrap;justify-content:center;width:100%;FONT-VARIANT:JIS90;padding:60px 0 120px;margin:0;position:relative}#section-intro .cta-wrapper:before{content:"";position:absolute;left:0;right:0;margin:auto;top:90px;width:365px;max-width:85%;height:0;box-shadow:0 0 35px 25px #0001;z-index:-1}#section-intro>.wrapper>div:first-child{flex-grow:1;display:flex;flex-direction:column;justify-content:center;padding:0;z-index:1;width:100%;max-width:800px;margin:30px 0 50px}#section-intro .visualization{box-sizing:border-box;position:relative;display:flex;justify-content:center;z-index:1;transition:1s .5s;opacity:1;scale:1;padding:0 0 30px 30px;margin:0;transform:matrix3d(.92,.07,0,-.0005,0,1,.01,0,0,0,1,0,0,0,0,1);-webkit-transform-style:preserve-3d}#section-content-creators .lightbox,#section-intro .lightbox{height:fit-content;z-index:3;bottom:0;scale:0;opacity:0;transition:1s;width:fit-content}#section-intro .visualization .pc{width:333px;min-width:333px;height:195px;border:4px solid #111;border-radius:6px;border-bottom-width:12px;position:relative;box-sizing:border-box;margin-bottom:60px;background:#000;transform:matrix3d(.94,.05,0,0,-.2,1,0,-.0002,0,0,1,0,0,0,-1,1);-webkit-transform-style:preserve-3d}#section-intro .visualization .pc>.display{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#section-intro .visualization .pc>.display img{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:2s;filter:contrast(.9) brightness(.9)}#section-intro.start .visualization .pc>.display img{opacity:1}#section-intro .visualization .pc>.keyboard{height:50%;width:100%;border-right:10px solid #171717;border-bottom:3px solid #222;border-radius:18px 18px 12px 20px;position:absolute;box-sizing:border-box;transform:matrix3d(1,0,0,0,-1.5,.9,0,-.002,0,0,0,.2,0,0,.2,.83);-webkit-transform-style:preserve-3d;top:102%;left:-21.5%;z-index:0;background:url(/design/img/affiliate/keyboard.webp) bottom 0 center/100% 101% no-repeat #333;box-shadow:35px -35px 50px 25px #000000b8}@keyframes lightboxAnimationFromRight{0%,100%{transform:matrix3d(.96,.05,0,-.00011,0,1,.01,0,0,0,1,0,0,0,0,1)}50%{transform:matrix3d(.96,.05,0,-.00011,0,1,.01,0,0,0,1,0,0,-10,0,1)}}#section-intro .lightbox{transform:matrix3d(.96,.05,0,-.00011,0,1,.01,0,0,0,1,0,0,0,0,1);-webkit-transform-style:preserve-3d;position:absolute;filter:drop-shadow(12px -6px 24px var(--main-color-hex));left:0;right:0;top:0;margin:auto;--lightbox-border-radius:7px}#section-intro .lightbox.lightbox-1{transition:1s 1s}#section-intro .lightbox.lightbox-2{transition:2s 1.5s}#section-intro .lightbox.lightbox-3{transition:2.5s 2s}#section-intro .lightbox.lightbox-4{transition:1.5s 2.5s}#section-content-creators .case.active .lightbox,#section-intro.start .lightbox{opacity:.9;scale:1}#section-intro.start .lightbox.lightbox-1{right:-23%;top:-90%;scale:0.95;animation:10s ease-in-out infinite lightboxAnimationFromRight}#section-intro.start .lightbox.lightbox-2{left:-70%;top:-50%;scale:1.1;animation:10s ease-in-out 2s infinite lightboxAnimationFromRight}#section-intro.start .lightbox.lightbox-3{right:-65%;top:-20%;animation:10s ease-in-out 4s infinite lightboxAnimationFromRight}#section-intro.start .lightbox.lightbox-4{left:-44%;top:39%;scale:1.15;animation:10s ease-in-out 6s infinite lightboxAnimationFromRight}#section-intro .lightbox>div:first-child{position:relative;white-space:nowrap;padding:6px 18px;width:100%;z-index:5;box-sizing:border-box;display:flex;justify-content:center;align-items:center;color:#fff;font-size:18px;filter:drop-shadow(2px 2px 4px #0003);border-radius:var(--lightbox-border-radius);border-top-left-radius:calc(.9* var(--lightbox-border-radius));border:1px solid #0003;border-bottom-width:2px}#section-intro .lightbox>div:nth-child(2){position:absolute;left:0;top:0;width:100%;height:100%;background:#469c4e;z-index:4;border-radius:var(--lightbox-border-radius);border-top-left-radius:calc(.9* var(--lightbox-border-radius))}#section-intro .lightbox>div:nth-child(3){position:absolute;left:calc(var(--lightbox-border-radius) * .8);top:calc(-.75 * var(--lightbox-border-radius));width:100%;height:100%;background:linear-gradient(152deg,var(--main-color-hex) 20%,#e6ffa499 65%,var(--main-color-hex) 80%);z-index:2;border-radius:calc(1.5 * var(--lightbox-border-radius))}#section-intro .lightbox>div:nth-child(4){position:absolute;left:0;bottom:calc(var(--lightbox-border-radius) * .1);width:calc(100% + (var(--lightbox-border-radius) * .8));height:calc(100% + (var(--lightbox-border-radius) * .65));background:var(--main-color-hex);z-index:1;border-radius:calc(var(--lightbox-border-radius) * 2);border-top-right-radius:calc(1.5* var(--lightbox-border-radius));border-top-left-radius:calc(2* var(--lightbox-border-radius))}#section-intro .lightbox>div:nth-child(5){position:absolute;right:1px;top:1px;width:calc(100% - var(--lightbox-border-radius));height:calc(100% - var(--lightbox-border-radius));background:#00000011;background:linear-gradient(190deg,#0000 10%,#0001);z-index:4;border-radius:var(--lightbox-border-radius);border-top-left-radius:0;border-bottom-right-radius:0}#section-content-creators{float:left;width:100%;padding:40px 0 120px;box-sizing:border-box;background:#4b4b4b;background:linear-gradient(-5deg,#0003,transparent 50%) #4b4b4b;overflow:hidden}#section-content-creators>.splitter{background:var(--main-color-hex);right:-40%;top:calc(100% - 60px);transform:matrix3d(-1,.1,0,-.00024,0,1,0,0,0,0,1,0,0,0,0,1)}#section-content-creators>.wrapper.reveal{margin-top:150px}#section-content-creators>.wrapper.reveal.active{margin-top:0}#section-content-creators h3{color:#fff}#section-content-creators>.wrapper>.content{width:100%;z-index:10;position:relative;display:flex;flex-direction:column-reverse;margin-top:75px}#section-content-creators>.wrapper>.content.reveal.active{margin-top:50px}@keyframes lightboxAnimationFromLeft{0%,100%{transform:matrix3d(.96,-.22,0,-.00011,0,1,0,0,0,0,1,0,0,0,0,1)}50%{transform:matrix3d(.96,-.22,0,-.00011,0,1,0,0,0,0,1,0,0,-10,0,1)}}#section-content-creators .lightbox{transform:matrix3d(.96,-.22,0,-.00011,0,1,0,0,0,0,1,0,0,0,0,1);-webkit-transform-style:preserve-3d;position:absolute;filter:drop-shadow(-12px -6px 24px var(--lightbox-color));margin:auto;left:0;right:0;top:0;--lightbox-border-radius:12px;--lightbox-color:#555}#section-content-creators .lightbox.lightbox-yt{transition:1s 1s;animation:6s ease-in-out infinite lightboxAnimationFromLeft}#section-content-creators .lightbox.lightbox-fb{transition:2s 1.5s;animation:6s ease-in-out 1s infinite lightboxAnimationFromLeft}#section-content-creators .lightbox.lightbox-web{transition:2.5s 2s;animation:6s ease-in-out 2s infinite lightboxAnimationFromLeft}#section-content-creators .lightbox.lightbox-tik{transition:1.5s 2.5s;animation:6s ease-in-out 3s infinite lightboxAnimationFromLeft}#section-content-creators .lightbox.lightbox-ins{transition:2.5s 2.5s;animation:6s ease-in-out 4s infinite lightboxAnimationFromLeft}#section-content-creators .lightbox::after,#section-content-creators .lightbox::before,#section-content-creators .lightbox>i{position:absolute;display:block}#section-content-creators .lightbox::before{content:"";right:0;top:0;width:100%;height:100%;background-color:var(--lightbox-color);z-index:4;border-radius:var(--lightbox-border-radius)}#section-content-creators .lightbox::after{content:"";left:1px;top:1px;width:calc(100% - var(--lightbox-border-radius));height:calc(100% - var(--lightbox-border-radius));background:#00000011;background:linear-gradient(170deg,#0000 10%,#0001);z-index:4;border-radius:var(--lightbox-border-radius);border-top-right-radius:0;border-bottom-left-radius:0}#section-content-creators .lightbox>span{position:relative;white-space:nowrap;width:60px;height:60px;z-index:5;display:flex;justify-content:center;align-items:center;color:#fff;font-size:14px;filter:drop-shadow(-2px 2px 4px #0003);border-radius:var(--lightbox-border-radius);border:1px solid #0003;border-bottom-width:2px;box-sizing:border-box}#section-content-creators .lightbox>i:first-of-type{right:calc(var(--lightbox-border-radius) * .8);top:calc(-.75 * var(--lightbox-border-radius));width:100%;height:100%;background:linear-gradient(218deg,var(--lightbox-color) 20%,#fdfff875 65%,var(--lightbox-color) 80%);z-index:2;border-radius:calc(1.5 * var(--lightbox-border-radius))}#section-content-creators .lightbox>i:nth-of-type(2){right:0;bottom:calc(var(--lightbox-border-radius) * .1);width:calc(100% + (var(--lightbox-border-radius) * .8));height:calc(100% + (var(--lightbox-border-radius) * .65));background:var(--lightbox-color);z-index:1;border-radius:calc(var(--lightbox-border-radius) * 2);border-top-left-radius:calc(1.5* var(--lightbox-border-radius));border-top-right-radius:calc(2* var(--lightbox-border-radius))}#section-content-creators .case.active .lightbox.lightbox-yt{right:-85%;top:-80%;scale:0.95;--lightbox-color:#ff5858}#section-content-creators .case.active .lightbox-yt::before{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M20.138 7.899a2.13 2.13 0 0 0-1.501-1.511C17.312 6.03 12 6.03 12 6.03s-5.311 0-6.635.358a2.13 2.13 0 0 0-1.502 1.511c-.355 1.333-.355 4.114-.355 4.114s0 2.78.355 4.113c.197.73.77 1.297 1.502 1.487 1.324.357 6.635.357 6.635.357s5.312 0 6.637-.357a2.1 2.1 0 0 0 1.501-1.487c.354-1.333.354-4.113.354-4.113s0-2.781-.354-4.114m-9.873 6.638V9.488l4.437 2.525z'/%3E%3C/svg%3E")}#section-content-creators .case.active .lightbox.lightbox-fb{left:-35%;top:-45%;scale:1.1;--lightbox-color:#1877F2}#section-content-creators .case.active .lightbox-fb::before{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M16.56 14.664h3.132l.468-3.6h-3.6V8.748c0-1.044.288-1.764 1.8-1.764h1.908v-3.24a24 24 0 0 0-2.796-.144 4.368 4.368 0 0 0-4.656 4.8v2.7h-3.12v3.6h3.12V24h3.744z'/%3E%3C/svg%3E")}#section-content-creators .case.active .lightbox.lightbox-web{right:-108%;top:-2%;--lightbox-color:#9c9c9c}#section-content-creators .case.active .lightbox.lightbox-web::before{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M9.408 3.378a.954.954 0 1 1-1.908 0 .954.954 0 0 1 1.908 0m-2.5 0a.954.954 0 1 1-1.908 0 .954.954 0 0 1 1.908 0m-2.5 0a.954.954 0 1 1-1.908 0 .954.954 0 0 1 1.908 0m11.129-.966h4.766c.61 0 1.104.441 1.105.986s-.495.987-1.105.987h-4.766c-.61 0-1.105-.442-1.105-.987.001-.545.495-.986 1.105-.986M0 6.786h24V0H0Z'/%3E%3C/svg%3E")}#section-content-creators .case.active .lightbox.lightbox-tik{left:-63%;bottom:-32%;scale:1.15;--lightbox-color:#555}#section-content-creators .case.active .lightbox-tik::before{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M16.468 7.055a4.56 4.56 0 0 1-1.095-3.097l-2.76-.066v11.344c.039 3.501-5.492 3.414-5.055-.454.266-1.538 1.92-2.486 3.39-1.951v-2.816c-3.198-.556-6.229 1.989-6.199 5.233.28 7.033 10.37 7.035 10.651 0-.072-.252-.032-4.94-.042-5.335a7.5 7.5 0 0 0 4.193 1.122V8.127c-1.368 0-2.41-.364-3.083-1.072'/%3E%3C/svg%3E")}#section-content-creators .case.active .lightbox.lightbox-ins{bottom:-50%;right:-37%;scale:1.15;--lightbox-color:#DD2A7B}#section-content-creators .case.active .lightbox-ins::before{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M9.04 4.599h5.92a4.44 4.44 0 0 1 4.441 4.441v5.92a4.44 4.44 0 0 1-4.441 4.441H9.04a4.44 4.44 0 0 1-4.441-4.441V9.04A4.44 4.44 0 0 1 9.04 4.599m0 1.481a2.96 2.96 0 0 0-2.96 2.96v5.92a2.96 2.96 0 0 0 2.96 2.961h5.92a2.96 2.96 0 0 0 2.961-2.961V9.04a2.96 2.96 0 0 0-2.961-2.96zm2.961 9.62c-2.849 0-4.63-3.083-3.206-5.55a3.7 3.7 0 0 1 3.206-1.85c2.848 0 4.628 3.084 3.204 5.55a3.7 3.7 0 0 1-3.204 1.85m0-1.48c1.708 0 2.776-1.85 1.921-3.33a2.22 2.22 0 0 0-1.921-1.11c-1.711 0-2.778 1.85-1.924 3.33a2.22 2.22 0 0 0 1.924 1.11M15.7 9.04a.74.74 0 1 1 .001-1.482.74.74 0 0 1-.001 1.482'/%3E%3C/svg%3E")}#section-content-creators ul{display:flex;flex-direction:column;gap:10px;position:relative;padding:0;margin:0 auto;max-width:500px}#section-content-creators ul>li{display:flex;color:#fff;align-items:center;font-size:15px;width:fit-content;margin:10px 0;line-height:1.25}#section-content-creators ul>li svg{width:18px;min-width:18px;margin:0 15px;fill:var(--main-color-hex)}#section-content-creators .case{background:url(/design/img/affiliate/case.webp) 0 0/contain no-repeat;width:70%;max-width:350px;height:370px;max-height:70vw;margin:0 auto 60px;filter:drop-shadow(-20px 15px 15px #0003)}#section-benefits{float:left;width:100%;padding:20px 0 120px;box-sizing:border-box;background:var(--main-color-hex);overflow:hidden}#section-benefits>.splitter{background:#fff;left:-40%;top:calc(100% - 60px);transform:matrix3d(1,.1,0,-.00025,0,1,0,0,0,0,1,0,0,0,0,1)}#section-benefits .wrapper{width:100%;z-index:10;position:relative}#section-benefits h3{color:#fff;margin-bottom:35px}#section-benefits ul{display:flex;flex-direction:column;gap:10px;position:relative;padding:20px 3%;margin:0 auto;max-width:500px;box-shadow:inset -10px -30px 150px 15px rgba(var(--main-color-rgb),.7),0 6px 18px -6px #00000060;border-radius:15px;background:#fff;outline:#ffffff6e solid 1px;overflow:hidden}#section-benefits ul li{display:flex;color:#000;align-items:center;font-size:15px;width:fit-content;margin:10px 0;line-height:1.25}#section-benefits ul li .example{font-size:11px;font-style:normal;color:#0009}#section-benefits ul li svg{width:14px;min-width:14px;margin:-2px 12px 0 8px;fill:var(--main-color-hex)}#section-apply{float:left;width:100%;background:#fff;padding:3vh 0 6vh}#section-apply h3{margin:0 0 2vh}#section-apply form{display:flex;flex-wrap:wrap;justify-content:space-evenly;column-gap:15px;max-width:300px;margin:auto}#section-apply form button[type=submit]{padding-left:40px;padding-right:40px}#section-apply .form-control:not(.check-control){max-width:300px;flex-basis:200px;flex-grow:1}#section-apply .form-control.address{max-width:350px}#section-apply .check-control{display:flex;justify-content:center;align-items:center}#section-apply .check-control label{position:unset;padding-left:8px;font-size:14px;text-align:left}#section-apply .success-msg{display:none;color:#009825;font-size:22px;padding:20px 0}.popuped-element{position:fixed!important;z-index:999999!important;background:#fff!important;padding:20px min(8%,50px)!important;border-radius:8px!important;width:fit-content!important;height:fit-content!important;min-width:300px!important;max-width:92vw!important;max-height:92vh!important;display:block!important;left:0!important;right:0!important;bottom:0!important;top:0!important;margin:auto!important;opacity:1!important;transform:unset!important;transition:unset!important;-ms-overflow-style:none;scrollbar-width:none;overflow-y:scroll!important;box-sizing:border-box!important}.popuped-element>.close{position:absolute;top:10px;right:10px;cursor:pointer;width:26px;height:26px;scale:1;rotate:0deg;opacity:.3;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 15 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1.5 1.5 12 12m-12 0 12-12' stroke='%23000'/%3E%3C/svg%3E");transition:rotate .2s,opacity .8s,scale .2s}.popuped-element>.close:hover{scale:1.2;rotate:90deg;opacity:1}#popuped-element-backlayer{position:fixed;z-index:0;left:0;top:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:rgba(0,0,0,.7);backdrop-filter:blur(5px)}:has(#popuped-element-backlayer){z-index:999999}@media screen and (min-width:600px){#section-intro h1{font-size:32px}#section-intro h2{font-size:21px}#section-intro .visualization{position:relative;z-index:1;max-width:unset}#section-intro .lightbox{--lightbox-border-radius:10px}#section-intro .visualization .lightbox>div:first-child{padding:8px 24px;font-size:20px}#section-content-creators .lightbox>span{width:80px;height:80px;font-size:18px}#section-benefits ul>li,#section-content-creators ul>li{font-size:18px}#section-benefits ul li svg{width:24px;min-width:24px;margin:-5px 15px 0 10px}#section-benefits ul>li>.example{font-size:13px}}@media screen and (min-width:900px){section h3{font-size:37px}#section-intro>.wrapper{display:grid;grid-template-columns:1fr;grid-gap:10px;grid-template-columns:1fr 350px}#section-intro>.splitter{top:clamp(550px,calc(90vh - 350px),1050px)}#section-intro>.wrapper>div:first-child{height:100%;justify-content:flex-end;margin-top:0}#section-intro .visualization{margin-top:150px;grid-row:span 2}#section-intro .cta-wrapper{grid-row:2;align-self:baseline;padding:10px 0 90px}#section-content-creators{padding:0 0 80px}#section-content-creators>.wrapper>.content{flex-direction:row-reverse;gap:45px}#section-content-creators ul{max-width:500px;gap:10px}#section-content-creators .chat.reveal.active{margin-top:-200px}}@media screen and (min-width:1200px){#section-intro>.splitter{top:max(650px,calc(80vh - 180px))}#section-intro>.wrapper{min-height:max(900px,calc(100vh - 250px));grid-template-columns:1fr 500px}#section-intro h1{font-size:50px}#section-intro h2{font-size:28px}#section-intro h3{font-size:18px}#section-intro .visualization .pc{width:500px;height:290px}#section-intro .lightbox{--lightbox-border-radius:12px}#section-intro .visualization .lightbox>div:first-child{padding:14px 40px;font-size:24px}#section-content-creators{padding:0 0 150px}}@media screen and (min-height:1000px) and (max-width:900px){#section-intro>.wrapper{min-height:unset}}