.page-body-playbook{--primary:#004fe9;--dark-light:#262626;--dark:#07080c;--table-border-color:#4c4c4c}.sect-playbook-head-bg:before{animation:zoomout 4s linear .5s backwards;position:absolute;inset:0;height:calc(100vh - 52px - 48px);background-image:url(/static/images/playbook/bg-head.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;--tw-content:"";content:var(--tw-content)}@media (min-width:768px){.sect-playbook-head-bg:before{height:100%}}@keyframes zoomout{0%{transform:scale(1.2)}to{transform:scale(1)}}.compare-table-wrap{border-width:1px;--tw-border-opacity:1;border-color:rgb(200 200 200/var(--tw-border-opacity))}.compare-table-wrap.compare-table-mobile table:last-child{--tw-shadow:0 1px 0 1px var(--primary);--tw-shadow-colored:0 1px 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.compare-table-wrap.compare-table-mobile table:last-child tr>th{--tw-bg-opacity:1;background-color:rgb(55 90 247/var(--tw-bg-opacity))}.compare-table-wrap.compare-table-mobile table:last-child tr>*{--tw-border-opacity:1;border-left-color:rgb(55 90 247/var(--tw-border-opacity));border-right-color:rgb(55 90 247/var(--tw-border-opacity))}.compare-table-wrap.compare-table-mobile table:last-child tr>:last-child{border-inline-end-width:7px}.compare-table-wrap.compare-table-mobile table:last-child tr>td{--tw-text-opacity:1;color:rgb(55 90 247/var(--tw-text-opacity))}.compare-table-wrap.compare-table-mobile table:last-child thead tr:first-child>*{border-top-width:1px;--tw-border-opacity:1;border-top-color:rgb(55 90 247/var(--tw-border-opacity))}.compare-table-wrap.compare-table-mobile table:last-child tbody tr:last-child>*{border-bottom-width:7px;--tw-border-opacity:1;border-bottom-color:rgb(55 90 247/var(--tw-border-opacity))}.compare-table-wrap table tbody tr>th:first-child{width:90px}@media (min-width:768px){.compare-table-wrap table tbody tr>th:first-child{width:98px}}@media (min-width:1280px){.compare-table-wrap table tbody tr>th:first-child{width:116px}}.compare-table-wrap.compare-table-tablet{border-inline-end-width:0}.compare-table-wrap .compare-table{width:100%;border-collapse:collapse;--tw-border-opacity:1;border-color:rgb(200 200 200/var(--tw-border-opacity))}.compare-table-wrap .compare-table tr>th{background-color:var(--dark-light)}.compare-table-wrap .compare-table tr>*{position:relative;border-width:1px;border-color:var(--table-border-color)}.compare-table-wrap.compare-table-mobile .compare-table tr>th{padding:20px 15px}.compare-table-wrap.compare-table-mobile .compare-table tr>td{padding:20px;text-align:left}@media (min-width:768px){.compare-table-wrap.compare-table-tablet .compare-table tr>*{padding:22px 10px}}@media (min-width:1280px){.compare-table-wrap.compare-table-tablet .compare-table tr>*{padding:24px}}.compare-table-wrap.compare-table-tablet .compare-table tr>:last-child{border-left-width:7px;border-right-width:7px;--tw-border-opacity:1;border-left-color:rgb(55 90 247/var(--tw-border-opacity));border-right-color:rgb(55 90 247/var(--tw-border-opacity))}.compare-table-wrap.compare-table-tablet .compare-table tbody td,.compare-table-wrap.compare-table-tablet .compare-table thead th{font-size:16px}@media (min-width:1280px){.compare-table-wrap.compare-table-tablet .compare-table tbody td,.compare-table-wrap.compare-table-tablet .compare-table thead th{font-size:18px}}.compare-table-wrap.compare-table-tablet .compare-table thead tr:first-child th:last-child{--tw-bg-opacity:1;background-color:rgb(55 90 247/var(--tw-bg-opacity))}.compare-table-wrap.compare-table-tablet .compare-table thead tr:first-child>:last-child:before{content:"";position:absolute;left:-7px;right:-7px;top:-7px;bottom:0;border-width:7px;--tw-border-opacity:1;border-color:rgb(55 90 247/var(--tw-border-opacity))}.compare-table-wrap.compare-table-tablet .compare-table tbody tr>:last-child{font-weight:700;color:var(--primary)}.compare-table-wrap.compare-table-tablet .compare-table tbody tr:last-child>:last-child:before{content:"";position:absolute;left:-7px;right:-7px;top:0;bottom:-7px;border-left-width:7px;border-right-width:7px;border-bottom-width:7px;border-color:var(--primary)}.page-body-playbook .dl-step:after{content:"";width:100%;border-radius:12px;background-size:cover;background-position:50%;background-repeat:no-repeat;padding-top:75%}@media (min-width:768px){.page-body-playbook .dl-step:after{position:absolute;top:50%;right:0;height:382px;width:281px;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:32px;padding-top:0}}@media (min-width:1280px){.page-body-playbook .dl-step:after{height:546px;width:402px}}.page-body-playbook .steps li>a{transition-property:backgroundColor color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:0s}.page-body-playbook #tab-cont-0 .dl-step:after{content:"";background-image:url(/static/images/playbook/bg-step1-m.png)}@media (min-width:768px){.page-body-playbook #tab-cont-0 .dl-step:after{background-image:url(/static/images/playbook/bg-step1.png)}}.page-body-playbook #tab-cont-1 .dl-step:after{content:"";background-image:url(/static/images/playbook/bg-step2-m.png)}@media (min-width:768px){.page-body-playbook #tab-cont-1 .dl-step:after{background-image:url(/static/images/playbook/bg-step2.png)}}.page-body-playbook #tab-cont-2 .dl-step:after{content:"";background-image:url(/static/images/playbook/bg-step3.png)}.page-body-playbook #tab-cont-3 .dl-step:after{content:"";background-image:url(/static/images/playbook/bg-step4-m.png)}@media (min-width:768px){.page-body-playbook #tab-cont-3 .dl-step:after{background-image:url(/static/images/playbook/bg-step4.png)}}@media (min-width:1280px){.steps-thumb-wrap .swiper-slide-thumb-active{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));--tw-border-opacity:1;border-color:rgb(55 90 247/var(--tw-border-opacity))}}.steps-thumb-wrap .swiper-slide-thumb-active strong{margin-bottom:8px;display:block}@media (min-width:1280px){.steps-thumb-wrap .swiper-slide-thumb-active strong{--tw-text-opacity:1;color:rgb(55 90 247/var(--tw-text-opacity))}.steps-thumb-wrap .swiper-slide-thumb-active:after{--tw-bg-opacity:1;background-color:rgb(55 90 247/var(--tw-bg-opacity))}}.page-body-playbook .swiper-slide:first-child:before{transform-origin:right;--tw-scale-x:.5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.page-body-playbook .swiper-slide:last-child:before{transform-origin:left;--tw-scale-x:.5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.page-body-playbook .swiper-scrollbar{background:#ccc}.page-body-playbook .swiper-scrollbar-drag{background:#333}.page-body-playbook .swiper-custom{--swiper-navigation-color:#fff;--swiper-pagination-color:#fff}.page-body-playbook .slider1 .slick-list,.page-body-playbook .slider1 .slick-track,.page-body-playbook .slider1.slick-slider{margin:auto}@media (min-width:1280px){.page-body-playbook .slider1 .slick-list,.page-body-playbook .slider1 .slick-track,.page-body-playbook .slider1.slick-slider{width:1280px!important}}.page-body-playbook .slider1 .slick-slide{margin-left:13px;margin-right:13px;width:232px}.page-body-playbook .slider2 .slick-slide{width:990px}.page-body-playbook .dl-fade-in{opacity:1;transition:opacity .5s ease}.page-body-playbook .dl-fade-out{opacity:0;transition:opacity .5s ease}@media (min-width:768px){.page-body-playbook .book-cont dl{--tw-translate-y:100%;opacity:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s}.page-body-playbook .book-cont dl,.page-body-playbook .book-cont.on dl{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.page-body-playbook .book-cont.on dl{--tw-translate-y:0px;opacity:1}.page-body-playbook .book-cont.up dl{--tw-translate-y:-100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0}}