.color-grid{width:100%;min-height:100vh;padding-block:calc(var(--fs)*10)}.color-grid,.color-grid-container{height:auto;display:flex;justify-content:center;align-items:center;position:relative}.color-grid-container{width:95%;flex-direction:column}.color-grid-head{flex-direction:column;text-align:center;width:min(720px,90%)}.color-grid-grid,.color-grid-head{gap:calc(var(--fs)*1.25);display:flex;justify-content:center;align-items:center;position:relative}.color-grid-grid{margin-top:calc(var(--fs)*3.049)}.color-grid--reverse .color-grid-grid{flex-direction:row-reverse}.color-grid-title{color:#0d121c;text-align:center;font-family:Plus Jakarta Sans;font-size:53px;font-style:normal;font-weight:400;line-height:120%}@media(min-width:1024px){.color-grid-title{font-size:45px}}@media(min-width:1280px){.color-grid-title{font-size:48px}}.color-grid-title-bold{font-weight:800}.color-grid-lede{color:#606060;text-align:center;font-family:Plus Jakarta Sans;font-size:15px;font-style:normal;font-weight:400;line-height:1.5}@media(min-width:1024px){.color-grid-lede{font-size:13px}}@media(min-width:1280px){.color-grid-lede{font-size:14px}}.color-grid-card{display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;background:#f4f4f4;border-radius:calc(var(--fs)*2)}.color-grid-card--small{width:calc(var(--fs)*20.188);height:calc(var(--fs)*14.75)}.color-grid-card--large{width:calc(var(--fs)*41.375);height:calc(var(--fs)*15.25)}.color-grid-card--medium{width:calc(var(--fs)*32.75);height:calc(var(--fs)*31.125)}.color-grid-glows{position:absolute;inset:0;pointer-events:none;z-index:0}.color-grid-glows--violet .color-grid-glow{background:rgba(196,144,243,.61)}.color-grid-glows--yellow .color-grid-glow{background:rgba(251,191,36,.5)}.color-grid-glows--green .color-grid-glow{background:rgba(52,211,153,.5)}.color-grid-glows--blue .color-grid-glow{background:rgba(96,165,250,.56)}.color-grid-glow{position:absolute;border-radius:9999px;pointer-events:none;filter:blur(calc(var(--fs) * 5.062))}.color-grid-glow--1{width:calc(var(--fs)*42.688);height:calc(var(--fs)*11.625);right:0;bottom:0;transform:translate(30%,40%);animation:colorGridGlow1 9s linear infinite}.color-grid-glow--2{width:calc(var(--fs)*35.125);height:calc(var(--fs)*8.938);left:0;top:0;transform:translate(-32%,-40%);opacity:.86;animation:colorGridGlow2 9s linear infinite}.color-grid-groups{flex-direction:column;justify-content:center;align-items:center}.color-grid-groups,.color-grid-groups-top{display:flex;gap:calc(var(--fs)*1.125);width:-moz-fit-content;width:fit-content}.color-grid-groups-top{justify-content:flex-start;align-items:flex-start}.color-grid-inner{border-radius:calc(var(--fs)*1.3);position:relative;background:#fff;z-index:1;padding:calc(var(--fs)*1.375)}.color-grid-inner--small{width:calc(var(--fs)*18.875);height:calc(var(--fs)*13.562)}.color-grid-inner--large{width:calc(var(--fs)*39.562);height:calc(var(--fs)*13.687)}.color-grid-inner--medium{width:calc(var(--fs)*31.375);height:calc(var(--fs)*29.5)}.color-grid-feature-top{height:calc(var(--fs)*3.982);justify-content:flex-start}.color-grid-contact-top,.color-grid-feature-top{display:flex;width:100%;align-items:center;gap:calc(var(--fs)*1.188)}.color-grid-contact-top{justify-content:space-between}.color-grid-contact-top__wrapper{display:flex;flex-direction:column;gap:calc(var(--fs)*1.188)}.color-grid-contact-desc{color:#8e8e8e;font-family:Plus Jakarta Sans;font-size:11px;font-style:normal;font-weight:400;line-height:calc(var(--fs)*1.125)}@media(min-width:1024px){.color-grid-contact-desc{font-size:10px}}.color-grid-contact-badge{border-radius:9999px;background:#ddeafa;color:#000;text-align:center;font-family:Plus Jakarta Sans;font-size:10px;font-style:normal;font-weight:400;line-height:calc(var(--fs)*.938);width:calc(var(--fs)*5.688);height:calc(var(--fs)*1.625);padding:calc(var(--fs)*.4) calc(var(--fs)*1.25)}@media(min-width:1024px){.color-grid-contact-badge{font-size:8px}}@media(min-width:1280px){.color-grid-contact-badge{font-size:9px}}.color-grid-chips{display:flex;width:100%;justify-content:flex-start;align-items:flex-start;gap:calc(var(--fs)*.5);padding:0;margin:0;margin-top:calc(var(--fs)*1.5)}.color-grid-chips li{display:flex;gap:calc(var(--fs)*.625);border-radius:calc(var(--fs)*2.062);padding:calc(var(--fs)*.375) calc(var(--fs)*.938) calc(var(--fs)*.375) calc(var(--fs)*1);align-items:center;color:#0d121c;overflow:hidden;text-overflow:ellipsis;font-family:Plus Jakarta Sans;font-size:11px;font-style:normal;font-weight:400;line-height:calc(var(--fs)*1.125)}@media(min-width:1024px){.color-grid-chips li{font-size:10px}}.color-grid-chips li svg{width:calc(var(--fs)*1);height:calc(var(--fs)*1)}.color-grid-chip--blue{background:rgba(96,165,250,.2)}.color-grid-chip--turquoise{background:rgba(107,197,211,.2)}.color-grid-chip--green{background:rgba(52,211,153,.16)}.color-grid-line{width:90%;height:1px;margin-block:calc(var(--fs)*1.562);display:block;background-color:#e3e8ef}.color-grid-feature-icon{display:flex;width:calc(var(--fs)*3.982);height:calc(var(--fs)*3.982);justify-content:center;align-items:center;border-radius:calc(var(--fs)*1)}.color-grid-feature-icon svg{width:calc(var(--fs)*1.75);height:calc(var(--fs)*1.75)}.color-grid-feature-icon--yellow{border:.98px solid rgba(251,191,36,.2);background:rgba(251,191,36,.1);box-shadow:0 0 22.7px 0 rgba(196,144,243,.16)}.color-grid-feature-icon--green{border:.98px solid rgba(52,211,153,.2);background:rgba(52,211,153,.1);box-shadow:0 0 22.7px 0 rgba(196,144,243,.16)}.color-grid-feature-icon--violet{border:.98px solid rgba(196,144,243,.2);background:rgba(196,144,243,.1);box-shadow:0 0 22.7px 0 rgba(196,144,243,.16)}.color-grid-input{display:flex;flex-direction:column;gap:calc(var(--fs)*.625);align-items:flex-start;width:-moz-fit-content;width:fit-content;position:relative;justify-content:flex-start;margin-top:calc(var(--fs)*1.5)}.color-grid-input label{color:#4b5565;font-family:Plus Jakarta Sans;font-size:10px;font-style:normal;font-weight:400;line-height:calc(var(--fs)*.938)}@media(min-width:1024px){.color-grid-input label{font-size:8px}}@media(min-width:1280px){.color-grid-input label{font-size:9px}}.color-grid-input input{border-radius:calc(var(--fs)*2);background:rgba(245,245,245,.74);width:calc(var(--fs)*15.875);height:calc(var(--fs)*2.875);border:none;padding-left:calc(var(--fs)*1.375);color:#4b5565;font-family:Plus Jakarta Sans;font-size:10px;font-style:normal;font-weight:400;line-height:calc(var(--fs)*.938);outline:none}@media(min-width:1024px){.color-grid-input input{font-size:8px}}@media(min-width:1280px){.color-grid-input input{font-size:9px}}.color-grid-input input::placeholder{color:#d1d5db}.color-grid-switch{display:flex;width:calc(var(--fs)*12.562);height:calc(var(--fs)*2.875);border-radius:calc(var(--fs)*4.062);background:rgba(245,245,245,.74);padding-inline:calc(var(--fs)*.188);position:relative;align-items:center}.color-grid-switch:before{content:"";position:absolute;top:calc(var(--fs)*.188);bottom:calc(var(--fs)*.188);left:calc(var(--fs)*.188);width:calc(50% - var(--fs)*.188);border-radius:calc(var(--fs)*4.062);background:rgba(96,165,250,.25);transition:transform .3s ease,background-color .3s ease;z-index:0}.color-grid-switch--whatsapp:before{transform:translateX(100%);background:rgba(37,211,102,.25)}.color-grid-switch span{display:flex;align-items:center;justify-content:center;gap:calc(var(--fs)*.625);color:#0d121c;text-align:center;font-family:Plus Jakarta Sans;font-size:10px;font-style:normal;font-weight:400;line-height:calc(var(--fs)*1.125);flex:1 1;height:100%;border-radius:calc(var(--fs)*4.062);cursor:pointer;position:relative;z-index:1;transition:color .3s ease}@media(min-width:1024px){.color-grid-switch span{font-size:8px}}@media(min-width:1280px){.color-grid-switch span{font-size:9px}}.color-grid-switch span svg{width:calc(var(--fs)*1);height:calc(var(--fs)*1)}.color-grid-switch span:first-child svg path{stroke:#141b34;transition:stroke .3s ease}.color-grid-switch span:last-child svg path{fill:#000;transition:fill .3s ease}.color-grid-switch--email span:first-child{color:#3b82f6}.color-grid-switch--email span:first-child svg path{stroke:#3b82f6}.color-grid-switch--whatsapp span:last-child{color:#25d366}.color-grid-switch--whatsapp span:last-child svg path{fill:#25d366}.color-grid-inputs{width:100%;height:-moz-fit-content;height:fit-content;display:flex;align-items:flex-end;margin-top:calc(var(--fs)*3.188);justify-content:space-between;gap:calc(var(--fs)*.625)}.color-grid-submit-btn{display:flex;justify-content:center;align-items:center;height:calc(var(--fs)*3.438);width:calc(var(--fs)*24.938);border-radius:calc(var(--fs)*62.438);background:#00a0ac;border:none;color:#fcfcfd;text-align:center;font-family:Plus Jakarta Sans;font-size:17px;font-style:normal;font-weight:400;line-height:calc(var(--fs)*1.688);cursor:pointer;transition:all .2s ease}@media(min-width:1024px){.color-grid-submit-btn{font-size:14px}}@media(min-width:1280px){.color-grid-submit-btn{font-size:15px}}.color-grid-submit{display:flex;justify-content:center;align-items:center;height:calc(var(--fs)*3.438);width:calc(var(--fs)*3.438);border-radius:calc(var(--fs)*62.438);background:#00a0ac;border:none;cursor:pointer;transition:all .2s ease}.color-grid-submit svg{width:calc(var(--fs)*1.375);height:calc(var(--fs)*1.375)}.color-grid-btns{display:flex;align-items:center;justify-content:center;margin-top:calc(var(--fs)*1.562);margin-bottom:calc(var(--fs)*.938)}.color-grid-btns:hover .color-grid-submit,.color-grid-btns:hover .color-grid-submit-btn{opacity:.6}.color-grid-btns:active .color-grid-submit,.color-grid-btns:active .color-grid-submit-btn{opacity:1}.color-grid-final{display:flex;flex-direction:column;align-items:center;gap:calc(var(--fs)*.625);margin-bottom:calc(var(--fs)*2.125)}.color-grid-final-text{color:#4b5565;text-align:center;text-overflow:ellipsis;font-family:Plus Jakarta Sans;font-size:10px;font-style:normal;font-weight:400;line-height:calc(var(--fs)*.938);width:calc(var(--fs)*16.625)}@media(min-width:1024px){.color-grid-final-text{font-size:8px}}@media(min-width:1280px){.color-grid-final-text{font-size:9px}}.color-grid-feature-bottom{display:flex;align-items:flex-start;width:100%;height:calc(var(--fs)*6.159);margin-top:calc(var(--fs)*1.5)}.color-grid-feature-bottom p{color:#606060;font-family:Plus Jakarta Sans;font-size:11px;font-weight:400;line-height:calc(var(--fs)*1.125)}@media(min-width:1024px){.color-grid-feature-bottom p{font-size:10px}}.color-grid-feature-title{color:#0d121c;font-family:Plus Jakarta Sans;font-size:17px;font-style:normal;font-weight:700;line-height:calc(var(--fs)*1.688)}@media(min-width:1024px){.color-grid-feature-title{font-size:14px}}@media(min-width:1280px){.color-grid-feature-title{font-size:15px}}@keyframes colorGridGlow1{0%{transform:translate(30%,40%)}25%{transform:translate(30%,-80%)}50%{transform:translate(-65%,-80%)}75%{transform:translate(-65%,40%)}to{transform:translate(30%,40%)}}@keyframes colorGridGlow2{0%{transform:translate(-32%,-40%)}25%{transform:translate(-32%,80%)}50%{transform:translate(60%,80%)}75%{transform:translate(60%,-40%)}to{transform:translate(-32%,-40%)}}@media(max-width:1023.98px){.color-grid-grid{width:100%}.color-grid--reverse .color-grid-grid,.color-grid-grid{flex-direction:column}.color-grid-card{height:auto}.color-grid-card--small{width:48%}.color-grid-card--large,.color-grid-card--medium,.color-grid-groups{width:100%}.color-grid-groups-top{width:100%;justify-content:space-between}.color-grid-inner,.color-grid-inner--large,.color-grid-inner--medium,.color-grid-inner--small{width:100%;height:auto}.color-grid-feature-bottom,.color-grid-feature-top{height:auto}}@media(orientation:portrait){.color-grid{min-height:auto;height:-moz-fit-content;height:fit-content;padding-block:calc(var(--fs)*3)}.color-grid-container{width:90%}.color-grid-grid{width:100%;gap:calc(var(--fs)*1.5);margin-top:calc(var(--fs)*2.5)}.color-grid--reverse .color-grid-grid,.color-grid-grid{flex-direction:column}.color-grid-head{width:100%}.color-grid-title{font-size:24px;width:100%}}@media(orientation:portrait)and (min-width:1024px){.color-grid-title{font-size:20px}}@media(orientation:portrait)and (min-width:1280px){.color-grid-title{font-size:21px}}@media(orientation:portrait){.color-grid-lede{font-size:10px;line-height:1.5}}@media(orientation:portrait)and (min-width:1024px){.color-grid-lede{font-size:9px}}@media(orientation:portrait){.color-grid-card{height:auto;padding:calc(var(--fs)*.4);border-radius:calc(var(--fs)*1.6)}.color-grid-card--small{width:48%}.color-grid-card--small .color-grid-feature-title{font-size:10px}}@media(orientation:portrait)and (min-width:1024px){.color-grid-card--small .color-grid-feature-title{font-size:8px}}@media(orientation:portrait)and (min-width:1280px){.color-grid-card--small .color-grid-feature-title{font-size:9px}}@media(orientation:portrait){.color-grid-card--large,.color-grid-card--medium{width:100%}.color-grid-groups,.color-grid-groups-top{width:100%;gap:calc(var(--fs)*1.2)}.color-grid-groups-top{justify-content:space-between}.color-grid-inner{border-radius:calc(var(--fs)*1.2);padding:calc(var(--fs)*1)}.color-grid-inner,.color-grid-inner--large,.color-grid-inner--medium,.color-grid-inner--small{width:100%;height:auto}.color-grid-feature-top{height:auto;gap:calc(var(--fs)*.6)}.color-grid-feature-icon{flex-shrink:0;width:calc(var(--fs)*2.2);height:calc(var(--fs)*2.2);border-radius:calc(var(--fs)*.6)}.color-grid-feature-icon svg{width:calc(var(--fs)*1.15);height:calc(var(--fs)*1.15)}.color-grid-feature-title{font-size:14px;line-height:1.25}}@media(orientation:portrait)and (min-width:1024px){.color-grid-feature-title{font-size:12px}}@media(orientation:portrait){.color-grid-line{margin-block:calc(var(--fs)*.7)}.color-grid-feature-bottom{height:auto;margin-top:calc(var(--fs)*.6)}.color-grid-feature-bottom p{font-size:9px;line-height:1.4}}@media(orientation:portrait)and (min-width:1024px){.color-grid-feature-bottom p{font-size:8px}}@media(orientation:portrait){.color-grid-contact-desc{font-size:11px;line-height:1.4}}@media(orientation:portrait)and (min-width:1024px){.color-grid-contact-desc{font-size:9px}}@media(orientation:portrait)and (min-width:1280px){.color-grid-contact-desc{font-size:10px}}@media(orientation:portrait){.color-grid-contact-badge{font-size:9px;line-height:1.3;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;padding:calc(var(--fs)*.3) calc(var(--fs)*.8)}}@media(orientation:portrait)and (min-width:1024px){.color-grid-contact-badge{font-size:8px}}@media(orientation:portrait){.color-grid-chips{margin-top:calc(var(--fs)*1.1);gap:calc(var(--fs)*.4)}.color-grid-chips li{gap:calc(var(--fs)*.4);border-radius:9999px;padding:calc(var(--fs)*.3) calc(var(--fs)*.8);font-size:10px;line-height:1.4}}@media(orientation:portrait)and (min-width:1024px){.color-grid-chips li{font-size:9px}}@media(orientation:portrait){.color-grid-chips li svg{width:calc(var(--fs)*.82);height:calc(var(--fs)*.82)}.color-grid-inputs{margin-top:calc(var(--fs)*1.2);gap:calc(var(--fs)*.6)}.color-grid-input{flex:1 1;min-width:0;gap:calc(var(--fs)*.4);margin-top:0}.color-grid-input label{font-size:10px}}@media(orientation:portrait)and (min-width:1024px){.color-grid-input label{font-size:8px}}@media(orientation:portrait)and (min-width:1280px){.color-grid-input label{font-size:9px}}@media(orientation:portrait){.color-grid-input input{width:100%;height:calc(var(--fs)*2.5);border-radius:9999px;padding-left:calc(var(--fs)*1);font-size:10px}}@media(orientation:portrait)and (min-width:1024px){.color-grid-input input{font-size:8px}}@media(orientation:portrait)and (min-width:1280px){.color-grid-input input{font-size:9px}}@media(orientation:portrait){.color-grid-switch{flex-shrink:0;width:calc(var(--fs)*9);height:calc(var(--fs)*2.5);border-radius:9999px;padding-inline:calc(var(--fs)*.2)}.color-grid-switch span{font-size:9px;gap:calc(var(--fs)*.35)}}@media(orientation:portrait)and (min-width:1024px){.color-grid-switch span{font-size:8px}}@media(orientation:portrait){.color-grid-switch span svg{width:calc(var(--fs)*.78);height:calc(var(--fs)*.78)}.color-grid-btns{margin-top:calc(var(--fs)*1.3);margin-bottom:calc(var(--fs)*.5);gap:calc(var(--fs)*.5);width:100%}.color-grid-submit-btn{flex:1 1;width:auto;height:calc(var(--fs)*2.9);font-size:12px}}@media(orientation:portrait)and (min-width:1024px){.color-grid-submit-btn{font-size:10px}}@media(orientation:portrait)and (min-width:1280px){.color-grid-submit-btn{font-size:11px}}@media(orientation:portrait){.color-grid-submit{flex-shrink:0;width:calc(var(--fs)*2.9);height:calc(var(--fs)*2.9)}.color-grid-submit svg{width:calc(var(--fs)*1.15);height:calc(var(--fs)*1.15)}.color-grid-final{margin-top:calc(var(--fs)*1);margin-bottom:0}.color-grid-final-text{font-size:9px;width:100%}}@media(orientation:portrait)and (min-width:1024px){.color-grid-final-text{font-size:8px}}@media(orientation:portrait){.color-grid-icon-violet{transform-box:fill-box;transform-origin:center;animation:colorGridVioletPulse 2.5s ease-in-out infinite}@keyframes colorGridVioletPulse{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.14);opacity:1}}.color-grid-icon-yellow path:last-child{transform-box:fill-box;transform-origin:center;animation:colorGridYellowPlay 1.8s ease-in-out infinite}@keyframes colorGridYellowPlay{0%,to{transform:scale(1);opacity:.65}40%,60%{transform:scale(1.28);opacity:1}}.color-grid-icon-green{transform-box:fill-box;transform-origin:center;animation:colorGridGreenSpin 8s linear infinite}@keyframes colorGridGreenSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}}