:root{--step--2: clamp(.6331rem, .7158rem + -.1066vw, .6944rem);--step--1: clamp(.8333rem, .8296rem + .0185vw, .844rem);--step-0: clamp(1rem, .9565rem + .2174vw, 1.125rem);--step-1: clamp(1.2rem, 1.0958rem + .5211vw, 1.4996rem);--step-2: clamp(1.44rem, 1.2456rem + .9722vw, 1.999rem);--step-3: clamp(1.728rem, 1.4022rem + 1.629vw, 2.6647rem);--step-4: clamp(2.0736rem, 1.5594rem + 2.5711vw, 3.552rem);--step-5: clamp(2.4883rem, 1.7069rem + 3.907vw, 4.7348rem);--space-3xs: clamp(.25rem, .2283rem + .1087vw, .3125rem);--space-2xs: clamp(.5rem, .4783rem + .1087vw, .5625rem);--space-xs: clamp(.75rem, .7065rem + .2174vw, .875rem);--space-s: clamp(1rem, .9565rem + .2174vw, 1.125rem);--space-m: clamp(1.5rem, 1.4348rem + .3261vw, 1.6875rem);--space-l: clamp(2rem, 1.913rem + .4348vw, 2.25rem);--space-xl: clamp(3rem, 2.8696rem + .6522vw, 3.375rem);--space-2xl: clamp(4rem, 3.8261rem + .8696vw, 4.5rem);--space-3xl: clamp(6rem, 5.7391rem + 1.3043vw, 6.75rem);--clr-navy: #2F387A;--clr-mediumblue: #256DA8;--clr-lightblue: #16BBEE;--clr-paleblue: #F0FCFF;--clr-purewhite: #FFFFFF;--clr-pureblack: #000000;--clr-darkgray: #453F46;--clr-mediumgray: #716972;--clr-palegray: #F0EFF4}html{scroll-behavior:smooth}body{margin:0;padding:0;background:linear-gradient(var(--clr-purewhite)) no-repeat;background-size:100% 600px;font-family:Funnel Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;text-wrap:pretty;font-size:var(--step-0);line-height:1.3em;color:var(--clr-mediumgray)}h1,h2,h3,h4{font-family:Figtree,sans-serif;font-optical-sizing:auto;font-style:normal;margin-block-start:0}h1{font-size:var(--step-3);font-weight:600;line-height:1em;color:var(--clr-navy);max-width:20ch}h2{font-size:var(--step-2);font-weight:600;line-height:1.1em;color:var(--clr-navy);max-width:30ch}h3{font-size:var(--step-1);font-weight:400;line-height:1.2em;color:var(--clr-darkgray)}h4{font-size:calc(var(--step-0) * 1.2);font-weight:600;line-height:1.2em}p strong,li strong{color:var(--clr-darkgray);font-weight:600}p{max-width:80ch;margin-block-start:0}.headline{font-size:var(--step-1);line-height:1.3em;color:var(--clr-darkgray);max-width:50ch}small{font-size:var(--step--1)}p a,span a{color:var(--clr-mediumblue);text-decoration:none;&:hover,&:focus{text-decoration:underline}}.wrapper{max-width:1440px;margin-inline:auto}.text-center{text-align:center;h2,h3,p{margin-inline:auto}}.section-with-image{display:grid;row-gap:var(--space-m);align-items:center;.section-image{grid-row:1 / 2;max-width:600px;margin-inline:auto}.section-text{grid-row:2 / 3}@media (min-width: 768px){grid-template-columns:1fr 1fr;grid-row:1fr;.section-image,.section-text{grid-row:1 / 2}column-gap:var(--space-xl)}@media (min-width: 1024px){grid-template-columns:2fr 3fr}}.section-with-image-flipped{@media (min-width: 768px){.section-image{grid-column:1 / 2}.section-text{grid-column:2 / 3}}@media (min-width: 1024px){grid-template-columns:3fr 2fr}}.centered-image img{display:block;margin-inline:auto;margin-block:var(--space-xl);max-width:100%;width:auto;height:auto;border-radius:var(--step-0)}.primary-button{background-color:var(--clr-mediumblue);color:var(--clr-purewhite);font-weight:600;text-decoration:none;display:block flex;position:relative;padding:1em 1.5em;width:max-content;border-radius:var(--step-0);margin-block:2em}a.primary-button{overflow:hidden;&:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:-5px;width:10px;aspect-ratio:1;background-color:var(--clr-lightblue);opacity:0;border-radius:50%;transition:1s;z-index:-1}&:hover{&:after{opacity:1;transform:scale(30)}}}button.primary-button{border:0;font-family:inherit;font-size:inherit;cursor:pointer;transition:.3s;margin-block:0;&:hover{background-color:var(--clr-lightblue)}}section{padding:0 var(--space-s);margin-block-end:var(--space-2xl)}header{display:flex;justify-content:space-between;align-items:center;nav ul{list-style-type:none;padding:0;display:flex}a{text-decoration:none;color:var(--clr-darkgray);padding:.25em 1em;border-radius:var(--step-0);transition:.3s;&:hover{background-color:var(--clr-mediumblue);color:var(--clr-purewhite)}}@media (max-width: 450px){flex-direction:column}}.page-header{padding:var(--space-s) var(--space-s) 0 var(--space-s);.logo{width:clamp(125px,20vw,200px)}}.hero{@media (min-width: 768px){display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:var(--space-m)}align-items:end;border-bottom:2px solid var(--clr-palegray)}.hero-content{padding:var(--space-2xl) 0 var(--space-l) 0;.powered-by-logos{display:flex;flex-wrap:wrap;margin-block-start:var(--space-s);margin-block-end:var(--space-2xl);height:min-content;gap:var(--space-l);svg{width:min(33vw,175px);height:auto}}.authorized-reseller-badge{border-radius:10px;width:auto;height:5rem}}.hero-image{img{width:clamp(300px,50vw,600px);height:auto;display:block;margin-inline:auto}}.col-50-50{display:grid;gap:var(--space-l)}.col-60-40{display:grid;column-gap:var(--space-2xl)}.col-33-33-33{display:grid}@media (min-width: 768px){.col-50-50{grid-template-columns:1fr 1fr}.col-60-40{grid-template-columns:3fr 2fr}.col-33-33-33{grid-template-columns:1fr 1fr 1fr}}.col-33-33-33:has(.secondary-panel){gap:var(--space-s)}.section-image img{display:block;margin-inline:auto;max-width:100%;width:auto;height:auto;border-radius:var(--step-0);margin-bottom:var(--space-s)}.header-lower{border:1px solid lime;svg{width:clamp(200px,25vw,300px);margin-block-start:var(--space-l);margin-inline:auto}}.secondary-panel{background-color:var(--clr-paleblue);padding:var(--space-m) var(--space-s);border-radius:var(--step-0)}.enabler-panels{margin-block:var(--space-l);svg{width:150px;height:50px;margin-bottom:var(--space-s)}}.start-steps{.start-steps-content{>div{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:var(--space-s);.start-step{grid-column:1 / 2;grid-row:1 / 3;align-items:center}.start-step{background-image:linear-gradient(to right,transparent,transparent 47%,var(--clr-navy) 47%,var(--clr-navy) 53%,transparent 53%)}span{font-size:var(--step-1);text-align:center;display:block;background-color:var(--clr-navy);color:var(--clr-purewhite);border-radius:50%;width:calc(2*var(--step-1));aspect-ratio:1;align-content:center;max-width:2em}h3{margin-bottom:.5em}p{padding-bottom:1em}}}.centered-image{max-width:600px;margin-inline:auto}@media (max-width: 767px){.start-steps-content>div:last-child .start-step{background-image:none}}@media (min-width: 768px){text-align:center;h2{margin-inline:auto}.start-steps-content>div{display:block;.start-step{background-image:linear-gradient(to bottom,transparent,transparent 47%,var(--clr-navy) 47%,var(--clr-navy) 53%,transparent 53%);margin-bottom:1em;background-repeat:no-repeat}&:first-child .start-step,&:last-child .start-step{background-size:50%}&:first-child .start-step{background-position:right}span{margin-inline:auto}}h3,p{margin-inline:var(--space-s)}}}.above-form{position:relative}.book-now-tab{position:sticky;bottom:var(--space-l);margin-inline:auto;box-shadow:0 8px 30px #0000004d}.features{margin-block:var(--space-l);gap:var(--space-s);>div{display:grid;grid-template-columns:min(10vw,150px) 1fr;gap:var(--space-s);background-color:var(--clr-palegray);padding:var(--space-m) var(--space-s);border-radius:var(--step-0)}.feature-icon{background-color:#314489;aspect-ratio:1;border-radius:50%;display:flex;justify-content:center;align-items:center;max-width:120px;img{width:min(7vw,80px);height:auto}}ul{padding-left:1em}li{margin-bottom:.25em;&::marker{color:var(--clr-navy)}}}.price-module{width:max(30%,300px);margin-inline:auto;gap:var(--space-s)}.price-border{background-image:linear-gradient(#00ddf0,#5944ff);border-radius:var(--step-1);padding:5px}.price-box{background-color:var(--clr-purewhite);width:100%;height:100%;box-sizing:border-box;margin-inline:auto;padding:var(--space-2xs);border-radius:var(--step-0);display:flex;flex-direction:column;align-items:center;.plan-name{background-color:var(--clr-paleblue);padding:var(--space-xs) var(--space-m);border-radius:calc(var(--step-0) - var(--space-2xs));width:100%;box-sizing:border-box;h4{margin-block-end:var(--space-xs);color:var(--clr-navy)}p{color:var(--clr-darkgray);font-weight:600}}}.plan-name-suffix{color:var(--clr-mediumblue)}.price{color:var(--clr-mediumblue);font-weight:600;display:flex;gap:.5em;margin-block:var(--space-xs);.price-number{font-size:var(--step-2)}}.price-addition{color:var(--clr-mediumblue);font-size:var(--step-4);display:block;line-height:1.2em}.feature-list{list-style-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='20px'%20viewBox='0%20-960%20960%20960'%20width='20px'%20fill='%2316BBEE'%3e%3cpath%20d='m424-296%20282-282-56-56-226%20226-114-114-56%2056%20170%20170Zm56%20216q-83%200-156-31.5T197-197q-54-54-85.5-127T80-480q0-83%2031.5-156T197-763q54-54%20127-85.5T480-880q83%200%20156%2031.5T763-763q54%2054%2085.5%20127T880-480q0%2083-31.5%20156T763-197q-54%2054-127%2085.5T480-80Zm0-80q134%200%20227-93t93-227q0-134-93-227t-227-93q-134%200-227%2093t-93%20227q0%20134%2093%20227t227%2093Zm0-320Z'/%3e%3c/svg%3e");text-align:start;li{margin-block:.5em;padding-left:.5em}}.packages{background-color:var(--clr-paleblue);padding:var(--space-l) var(--space-s) var(--space-s) var(--space-s);border-radius:var(--step-0);margin-block:var(--space-l)}.price-implementation{display:grid;gap:var(--space-s);@media (min-width: 1024px){grid-template-columns:repeat(3,1fr)}}.booking-form{background-color:var(--clr-navy);padding:var(--space-xl) var(--space-s);accent-color:var(--clr-lightblue);svg{fill:var(--clr-lightblue);margin-block-end:var(--space-m)}h2,strong,label,legend{color:var(--clr-purewhite)}p,small{color:var(--clr-palegray)}a{color:var(--clr-paleblue);text-decoration:underline}form{display:flex;flex-direction:column;max-width:600px;margin-inline:auto;row-gap:var(--space-s)}fieldset{border:0;padding:0}ul{margin:0;padding:0;list-style:none}.form-group{display:flex;flex-direction:column;gap:.25em;>label,legend{font-weight:600;margin-bottom:.25em}}input[type=text],input[type=email],input[type=tel]{padding:var(--space-2xs);border:0;border-radius:3px;font-size:inherit;font-family:inherit}.country-radio{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-s);li{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;border:3px dotted rgb(255,255,255,.3);border-radius:5px;opacity:.7;filter:grayscale(1);transition:.3s;input[type=radio]{width:0;opacity:0;grid-area:1 / 2}}li:has(input[type=radio]:checked),li:focus-within{border:3px solid var(--clr-lightblue);opacity:1;filter:grayscale(0)}label{display:block;padding:var(--space-xs) var(--space-s)}}.form-group-checkbox{display:flex;align-items:center;gap:.5em;margin-block:var(--space-s);input{width:var(--step-1);height:var(--step-1)}}}footer{text-align:center;padding:var(--space-m) var(--space-s);svg{margin-block-end:var(--space-s)}.headline{text-align:center;margin-inline:auto}address{font-style:normal;margin-inline:auto;margin-block:var(--space-xl);width:max-content}}.statistic-number{color:var(--clr-mediumblue);font-size:var(--step-4);display:flex;justify-content:center;line-height:1em}.plan-comparison{margin-block:var(--space-xl);summary{width:max-content;margin-inline:auto}summary{list-style:none}summary::-webkit-details-marker{display:none}summary::marker{display:none}.expander-button span:before{content:"Show"}&:open{table{width:100%;margin-top:var(--space-l)}svg{transform:rotate(180deg)}.expander-button span:before{content:"Hide"}}.expander-button{border:2px solid var(--clr-mediumblue);color:var(--clr-navy);display:flex;align-items:center;gap:.5em;width:max-content;margin-inline:auto;cursor:pointer;padding:.5em 1em;border-radius:var(--step-0);transition:.3s;svg{fill:var(--clr-mediumblue)}&:hover,&:focus-within{border:2px solid var(--clr-lightblue);svg{fill:var(--clr-lightblue)}}}}.faqs{margin-inline:auto;max-width:768px;details{border-bottom:2px solid var(--clr-palegray);padding:.5em 0;transition:.3s;div{padding:1em 0 1em var(--space-l)}}summary{color:var(--clr-darkgray);font-weight:600;display:flex;gap:var(--space-s)}summary::marker{content:""}summary:before{content:"+";font-size:1.5em;color:var(--clr-mediumblue);width:var(--space-s);text-align:center}details[open] summary:before{content:"–";color:var(--clr-mediumgray)}details:hover summary:before{color:var(--clr-lightblue)}}footer{.badges{width:max-content;margin-inline:auto;display:flex;gap:var(--space-s);margin-block:var(--space-l);.authorized-reseller-badge,.salesforce-summit-badge{border-radius:5px;width:auto;height:var(--step-5)}}background-image:url(./assets/footer-bg.DrCgqxe7.webp);background-repeat:no-repeat;background-position:bottom;padding-bottom:30vh}
