:root{--static:#e1e1e180;--static4:#e1e1e133;--static3:#fff;--static2:#0f0f0f;--primary:#fff;--secondary:#000;--primbuttn:#4685ff;--secbuttn:#f2f2f2;--accent:#ffb084}body.pca-marketing-page-body.color-craft-page{background-color:var(--secondary)}@supports (font-variation-settings:normal){:root{font-family:Urbanist,sans-serif}}:root{--h1:48px;--h2:32px;--subtitle:24px;--p:18px;--sub:16px}*{box-sizing:border-box;scroll-padding-top:3em}body{color:var(--primary);background-color:#000;background-color:var(--secondary)}.color-craft-modal ::selection{background-color:var(--accent)}.color-craft-modal .subtitle{font-size:var(--subtitle)}.color-craft-modal .sub{font-size:var(--sub)}.color-craft-modal .toolbar{background-color:var(--static);z-index:9999;border-radius:6px;flex-direction:row;gap:6px;padding:6px;display:flex;position:fixed;bottom:3em}.color-craft-modal .option{background-color:var(--secondary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;flex-direction:row;justify-content:center;align-items:center;gap:.5em;display:inline-flex;position:relative}.color-craft-modal .randomize,.color-craft-modal .export{padding:1.1em 2em}.color-craft-modal .colorpicker{appearance:none;cursor:pointer;visibility:hidden;background-color:#0000;border:none;border-radius:4px;height:60px;position:absolute}.color-craft-modal .colorpicker::-webkit-color-swatch{border:none;border-radius:4px}.color-craft-modal .colorpicker::-moz-color-swatch{border:none;border-radius:4px}.color-craft-modal label{cursor:pointer;text-align:center;margin:0;padding:1.3em 2em}.color-craft-modal .prim,.color-craft-modal .sec{background-color:var(--secondary);color:var(--primary)}.color-craft-modal .primbuttn{background-color:var(--primbuttn);color:var(--secondary)}.color-craft-modal .secbuttn{background-color:var(--secbuttn);color:var(--primary)}.color-craft-modal .accent{background-color:var(--accent);color:var(--primary)}.color-craft-modal .export,.color-craft-modal .randomize{color:var(--static2);background-color:var(--static3)}.color-craft-modal .toolbar.highlighted{animation-name:highlight;animation-duration:.4s}@keyframes highlight{0%,to{transition:all .4s cubic-bezier(.47,1.64,.41,.8);transform:translate(0)scale(1)}25%{transition:all .4s cubic-bezier(.47,1.64,.41,.8);transform:translateY(-15px)scale(1)}50%{transition:all .4s cubic-bezier(.47,1.64,.41,.8);transform:translate(0)scale(1)}75%{transition:all .4s cubic-bezier(.47,1.64,.41,.8);transform:translateY(-7px)scale(1)}}.color-craft-modal nav{flex-direction:row;justify-content:space-between;width:100%;padding:20px 0;display:flex}.color-craft-modal .logo{flex-direction:row;justify-content:center;align-items:center;gap:1em;display:flex}.color-craft-modal .logoface{width:60px;transform:rotate(0)}.color-craft-modal .logo:hover>.logoface{transition:all .4s ease-in-out;transform:rotate(360deg)}.color-craft-modal .menu{flex-direction:row;justify-content:center;align-items:center;gap:5em;display:flex}.color-craft-modal .menu-item{font-size:18px;transition:transform .2s}.color-craft-modal .primary-button{background-color:var(--primbuttn);color:var(--secondary);z-index:2;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;justify-content:center;align-items:center;height:53px;padding:12px 24px;font-family:Urbanist;font-size:18px;font-style:normal;font-weight:700;line-height:normal;transition:transform .2s,box-shadow .2s;display:flex}.color-craft-modal .primary-button:hover{box-shadow:0 20px 80px -10px var(--primbuttn);transform:translateY(-3px)}.color-craft-modal .secondary-button{background-color:var(--secbuttn);z-index:1;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;justify-content:center;align-items:center;height:53px;padding:12px 24px;font-family:Urbanist;font-size:18px;font-style:normal;font-weight:700;line-height:normal;transition:transform .2s,box-shadow .2s;display:flex;color:#000!important}.color-craft-modal .secondary-button:hover{transform:translateY(-3px)}.color-craft-modal .hero{flex-direction:row;justify-content:space-between;gap:3em;width:100%;display:flex}.color-craft-modal .color-effect{background:linear-gradient(120deg,var(--primbuttn),var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.color-craft-modal .hero-text{flex-direction:column;justify-content:center;width:50%;display:flex}.color-craft-modal .hero-cta{flex-flow:wrap;display:flex}.color-craft-modal .hero-scroll{flex-direction:row;align-items:center;gap:1em;font-size:16px;display:flex}.color-craft-modal .mondrian{max-width:100%}.color-craft-modal .hero-img{width:50%}.color-craft-modal .part1,.color-craft-modal .part1-cards{width:100%}.color-craft-modal .part1-card{flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:relative}.color-craft-modal .part1-card-bg{background-color:var(--primary);opacity:.05;border-radius:6px;flex:1;width:100%;height:100%;position:absolute;top:0;left:0}.color-craft-modal .part1-card-img{height:50%}.color-craft-modal .highlight{z-index:5}.color-craft-modal .highlight:before{content:"";background-color:var(--accent);z-index:-5;opacity:.5;width:100%;height:12px;display:block;position:relative;transform:translateY(32px)}.color-craft-modal .part2{background-color:#0000}.color-craft-modal .one:before{content:"1";font-size:var(--h2);font-weight:800;position:absolute;transform:translate(-1em)}.color-craft-modal .two:before{content:"2";font-size:var(--h2);font-weight:800;position:absolute;transform:translate(-1em)}.color-craft-modal .three:before{content:"3";font-size:var(--h2);font-weight:800;position:absolute;transform:translate(-1em)}.color-craft-modal .four:before{content:"4";font-size:var(--h2);font-weight:800;position:absolute;transform:translate(-1em)}.color-craft-modal .part3-cards{width:100%;height:100%}.color-craft-modal .part3-card{border-radius:2px;gap:2em;padding:2em;position:relative}.color-craft-modal .promo{flex-direction:row;justify-content:center;align-items:center;gap:1em;display:flex}.color-craft-modal .promo-text{color:var(--primbuttn)}.color-craft-modal .promo-img{background-color:var(--primbuttn)}.color-craft-modal .part3-list{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.color-craft-modal .list{flex-direction:row;justify-content:center;align-items:center;gap:1em;display:flex}.color-craft-modal .list svg{flex:0 0 24px}.color-craft-modal .part3-bg{border:solid 4px var(--secbuttn);opacity:.3;z-index:-5;border-radius:6px;width:100%;height:100%;position:absolute;top:0;left:0}.color-craft-modal .best{background-color:var(--primbuttn);opacity:.05;border:none}.color-craft-modal .part3-card-text{flex-direction:column;align-items:center;width:100%;display:flex}.color-craft-modal .part3-card-text>p{text-align:center}.color-craft-modal .part3-heading{flex-direction:column;align-items:center;display:flex}.color-craft-modal .check-icon{width:20%}.color-craft-modal .list-item{width:80%}.color-craft-modal .part4{width:100%}.color-craft-modal .faq-list{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;display:flex}.color-craft-modal .faq{background-color:var(--secbuttn);cursor:pointer;border-radius:6px;width:100%}.color-craft-modal .faq-q{flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex}.color-craft-modal .faq-a{opacity:0;visibility:hidden;transition:max-height .2s,opacity .2s,visibility .2s;display:none}.color-craft-modal .faq-a.expand{opacity:1;visibility:visible;transition:max-height .2s,opacity .2s,visibility .2s;display:block}.color-craft-modal .faq-icon{transition:all .2s ease-in-out;transform:rotate(0)}.color-craft-modal .faq-icon.expand{transition:all .2s ease-in-out;transform:rotate(45deg)}.color-craft-modal .part4-heading{flex-direction:column;align-items:center;display:flex}.color-craft-modal .part5{flex-direction:column;align-items:center;gap:2em;display:flex}.color-craft-modal .reversed{color:var(--secondary);background-color:var(--primary)}.color-craft-modal .footer{background-color:var(--primary);color:var(--secondary);border-radius:6px;flex-direction:column;align-items:flex-start;gap:2em;width:100%;margin-bottom:10em;padding:3em 5em;display:flex}.color-craft-modal .footer-cols{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:3em;width:100%;display:flex}.color-craft-modal .footer-col{flex-direction:column;gap:2em;width:30%;display:flex}.color-craft-modal .menu-item:hover{transform:translateY(-3px)}.color-craft-modal #tip-bar{color:var(--static2);text-align:center;z-index:9999;border-bottom:6px solid var(--primbuttn);background-color:#f2f2f2;border-radius:6px 0 0 6px;flex-direction:row-reverse;justify-content:start;align-items:center;gap:1em;padding:.5em 1em .5em 2em;transition:transform .2s;display:flex;position:fixed;top:1em;right:0;transform:translate(40em)}.color-craft-modal #tip-bar.show{transform:translate(0)}.color-craft-modal #close-btn{cursor:pointer;color:var(--static2);background-color:#0000;border:none;font-size:32px}.color-craft-modal .color-source{color:var(--primary);background-color:var(--secondary);z-index:9999;border-radius:6px;padding:.5em 1em;font-size:14px;line-height:200%;position:fixed;top:1em;left:1em}@media screen and (max-width:1200px){.color-craft-modal .option>div,.color-craft-modal .option>label{font-size:14px}.color-craft-modal .toolbar{bottom:2em}.color-craft-modal h1{font-size:32px}.color-craft-modal h2{font-size:24px}.color-craft-modal .subtitle,.color-craft-modal h3{font-size:20px}.color-craft-modal p{font-size:16px}.color-craft-modal .sub{font-size:14px}}@media screen and (max-width:900px){.color-craft-modal body{gap:2em}.color-craft-modal .hero{flex-wrap:wrap;justify-content:center}.color-craft-modal .part1-cards{flex-direction:column;gap:2em}.color-craft-modal .part1-card{width:100%}.color-craft-modal .part2{flex-direction:column}.color-craft-modal .part3-cards{flex-direction:column;gap:2em}.color-craft-modal .part3-card,.color-craft-modal .part2-left,.color-craft-modal .part2-right{width:100%}.color-craft-modal .toolbar,.color-craft-modal nav{flex-wrap:wrap;justify-content:center}.color-craft-modal main{width:100%}.color-craft-modal .footer-cols{flex-direction:column}.color-craft-modal .footer-col{width:100%}.color-craft-modal .footer{padding:3em}.color-craft-modal .hero-text{width:100%}.color-craft-modal .hero-img{width:70%}.color-craft-modal .mondrian{height:auto}.color-craft-modal .hero{flex-direction:column-reverse;align-items:center}.color-craft-modal .logoface{width:30px}.color-craft-modal .primary-button,.color-craft-modal .secondary-button{text-align:center}.color-craft-modal .menu{display:none}.color-craft-modal .rolloutbutton{padding:.5em 5em;display:flex!important}.color-craft-modal .rolloutbutton.rotate>svg{transform:rotate(180deg)}.color-craft-modal .toolbar{flex-direction:column;align-self:flex-end;bottom:1em}.color-craft-modal .rollout{display:none!important}div#rolloutbutton{display:block!important}}@media screen and (max-width:800px){.color-craft-modal .step{width:100%}.color-craft-modal .part2,.color-craft-modal .part2-right{gap:1em}}.color-craft-modal .rolloutbutton{background-color:var(--static3);color:var(--static2);display:none}.color-craft-modal .rollout{display:flex}.color-craft-modal .refer{color:#000;z-index:9999;text-align:center;background-color:#e1e1e1;border-radius:6px;padding:10px;font-size:13px;position:fixed;top:0;left:50%;transform:translate(-50%)}.color-craft-modal .youtube{z-index:9999;color:#010101;border:1px solid #010101;border-radius:5px;padding:1em 2em;font-family:Roboto;text-decoration:none;position:fixed;bottom:1em;right:1em}.color-craft-modal .youtube:hover{background-color:#00000024}@media screen and (max-width:767px){.color-craft-modal .hero-cta{flex-direction:column}.featured-banner-text-cont button.featured-banner-btn{font-size:28px}}.rayhan{text-align:center}