html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-shadow: none;--f-button-transition: all .15s ease;--f-button-transform: none;--f-button-outline-width: 1px;--f-button-outline-color: rgba(0, 0, 0, .7);--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-opacity: 1;--f-button-svg-disabled-opacity: .5;--f-button-svg-transition: opacity .15s ease;--f-button-svg-transform: none}.f-button{width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);transform:var(--f-button-transform);transition:var(--f-button-transition);backdrop-filter:var(--f-button-backdrop-filter);display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;pointer-events:all;cursor:pointer;overflow:hidden}@media(hover:hover){.f-button:hover:not([aria-disabled]){color:var(--f-button-hover-color, var(--f-button-color));background-color:var(--f-button-hover-bg, var(--f-button-bg))}}.f-button:active:not([aria-disabled]){color:var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)));background-color:var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)))}.f-button:focus{outline:none}.f-button:focus-visible{outline:var(--f-button-outline-width) solid var(--f-button-outline-color);outline-offset:var(--f-button-outline-offset)}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);transform:var(--f-button-svg-transform);fill:var(--f-button-svg-fill);filter:var(--f-button-svg-filter);opacity:var(--f-button-svg-opacity, 1);transition:var(--f-button-svg-transition);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.f-button[aria-disabled]{cursor:default}.f-button[aria-disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}[data-panzoom-action=toggleFS] g:first-child{display:flex}[data-panzoom-action=toggleFS] g:last-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:first-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:last-child{display:flex}[data-autoplay-action=toggle] svg g:first-child{display:flex}[data-autoplay-action=toggle] svg g:last-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:first-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:last-child{display:flex}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child{display:flex}:root{--f-spinner-color-1: rgba(0, 0, 0, .1);--f-spinner-color-2: rgba(17, 24, 28, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px}.f-spinner{position:absolute;top:50%;left:50%;margin:0;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height);translate:-50% -50%;border:var(--f-spinner-border-width) solid var(--f-spinner-color-1);border-top-color:var(--f-spinner-color-2);border-radius:var(--f-spinner-border-radius);animation:f-spinner .75s linear infinite,f-fadeIn .2s ease .2s both}@keyframes f-spinner{to{rotate:360deg}}.f-panzoom,.f-zoomable{position:relative;overflow:hidden;display:flex;align-items:center;flex-direction:column}.f-panzoom:before,.f-panzoom:after,.f-zoomable:before,.f-zoomable:after{display:block;content:""}.f-panzoom:not(.has-controls):before,.f-zoomable:not(.has-controls):before{margin-bottom:auto}.f-panzoom:after,.f-zoomable:after{margin-top:auto}.f-panzoom.in-fullscreen,.f-zoomable.in-fullscreen{position:fixed;top:0;left:0;margin:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:unset!important;z-index:9999}.f-panzoom__wrapper{position:relative;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__wrapper.will-zoom-out{cursor:zoom-out}.f-panzoom__wrapper.can-drag{cursor:move;cursor:grab}.f-panzoom__wrapper.will-zoom-in{cursor:zoom-in}.f-panzoom__wrapper.is-dragging{cursor:move;cursor:grabbing}.f-panzoom__wrapper.has-error{display:none}.f-panzoom__content{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__content.is-lazyloading,.f-panzoom__content.has-lazyerror{visibility:hidden}img.f-panzoom__content{width:auto;height:auto;vertical-align:top;object-fit:contain;transition:none;user-select:none}.f-panzoom__wrapper>.f-panzoom__content{visibility:hidden}.f-panzoom__viewport{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.f-panzoom__viewport>.f-panzoom__content{width:100%;height:100%;object-fit:fill}picture.f-panzoom__content img{vertical-align:top;width:100%;height:auto;max-height:100%;object-fit:contain;transition:none;user-select:none}.f-panzoom__protected{position:absolute;inset:0;z-index:1;user-select:none}html.with-panzoom-in-fullscreen{overflow:hidden}.f-fadeIn{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeOut{to{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, .2s) ease both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, .2s) * .2) ease calc(var(--f-transition-duration, .2s) * .8) both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-crossfadeOut{to{opacity:0}}.is-horizontal .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextX}.is-horizontal .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevX}.is-horizontal .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextX}.is-horizontal .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevX}@keyframes f-slideInPrevX{0%{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextX{0%{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextX{to{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevX{to{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}}.is-vertical .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextY}.is-vertical .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevY}.is-vertical .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextY}.is-vertical .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevY}@keyframes f-slideInPrevY{0%{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextY{0%{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextY{to{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevY{to{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}}.f-zoomInUp{animation:var(--f-transition-duration, .3s) ease both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, .3s) ease both f-zoomOutDown}@keyframes f-zoomInUp{0%{transform:scale(var(--f-zoomInUp-scale, .975)) translate3d(var(--f-zoomInUp-x, 0),var(--f-zoomInUp-y, 16px),0);opacity:var(--f-zoomInUp-opacity, 0)}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(var(--f-zoomOutDown-scale, .975)) translate3d(var(--f-zoomOutDown-x, 0),var(--f-zoomOutDown-y, 16px),0);opacity:0}}.f-throwOutUp{animation:var(--f-throwOutUp-duration, .2s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throwOutDown-duration, .2s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0,calc(var(--f-throwOutUp-y, 150px) * -1),0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0,var(--f-throwOutDown-y, 150px),0);opacity:0}}.has-iframe .f-html,.has-pdf .f-html,.has-gmap .f-html{width:100%;height:100%;min-height:1px;overflow:visible}.has-pdf .f-html,.has-gmap .f-html{padding:0}.f-html{position:relative;box-sizing:border-box;margin:var(--f-html-margin, 0);padding:var(--f-html-padding, 2rem);color:var(--f-html-color, currentColor);background:var(--f-html-bg)}.is-loading>.f-html{opacity:0}.f-html.is-error{text-align:center}.f-iframe{display:block;margin:0;border:0;height:100%;width:100%}.f-caption{align-self:center;flex-shrink:0;margin:var(--f-caption-margin);padding:var(--f-caption-padding, 16px 8px);max-width:100%;max-height:calc(80vh - 100px);overflow:auto;overflow-wrap:anywhere;line-height:var(--f-caption-line-height);color:var(--f-caption-color);background:var(--f-caption-bg);font:var(--f-caption-font);text-wrap:balance}.has-html5video .f-html,.has-youtube .f-html,.has-vimeo .f-html{padding:0;width:100%;height:100%;min-height:1px;overflow:visible;max-width:var(--f-video-width, 960px);max-height:var(--f-video-height, 540px);aspect-ratio:var(--f-video-aspect-ratio);background:var(--f-video-bg, rgba(0, 0, 0, .9))}.f-html5video{border:0;display:block;height:100%;width:100%;background:transparent}.f-button.is-arrow{--f-button-width: var(--f-arrow-width, 46px);--f-button-height: var(--f-arrow-height, 46px);--f-button-svg-width: var(--f-arrow-svg-width, 24px);--f-button-svg-height: var(--f-arrow-svg-height, 24px);--f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);--f-button-border-radius: var(--f-arrow-border-radius, unset);--f-button-bg: var(--f-arrow-bg, transparent);--f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));--f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));--f-button-shadow: var(--f-arrow-shadow);--f-button-color: var(--f-arrow-color);--f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));--f-button-active-color: var( --f-arrow-active-color, var(--f-arrow-hover-color) );overflow:visible}.f-button.is-arrow.is-prev,.f-button.is-arrow.is-next{position:absolute;transform:translate(0);z-index:20}.is-horizontal .f-button.is-arrow.is-prev,.is-horizontal .f-button.is-arrow.is-next{inset:50% auto auto;transform:translateY(-50%)}.is-horizontal.is-ltr .f-button.is-arrow.is-prev{left:var(--f-arrow-pos, 0)}.is-horizontal.is-ltr .f-button.is-arrow.is-next{right:var(--f-arrow-pos, 0)}.is-horizontal.is-rtl .f-button.is-arrow.is-prev{right:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-horizontal.is-rtl .f-button.is-arrow.is-next{left:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-vertical.is-ltr .f-button.is-arrow.is-prev,.is-vertical.is-rtl .f-button.is-arrow.is-prev{top:var(--f-arrow-pos, 0);right:auto;bottom:auto;left:50%;transform:translate(-50%)}.is-vertical.is-ltr .f-button.is-arrow.is-next,.is-vertical.is-rtl .f-button.is-arrow.is-next{top:auto;right:auto;bottom:var(--f-arrow-pos, 0);left:50%;transform:translate(-50%)}.is-vertical .f-button.is-arrow.is-prev svg,.is-vertical .f-button.is-arrow.is-next svg{transform:rotate(90deg)}.f-carousel__toolbar{display:grid;grid-template-columns:1fr auto 1fr;margin:var(--f-toolbar-margin, 0);padding:var(--f-toolbar-padding, 8px);line-height:var(--f-toolbar-line-height);background:var(--f-toolbar-bg, none);box-shadow:var(--f-toolbar-shadow, none);backdrop-filter:var(--f-toolbar-backdrop-filter);position:relative;z-index:20;color:var(--f-toolbar-color, currentColor);font-size:var(--f-toolbar-font-size, 17px);font-weight:var(--f-toolbar-font-weight, inherit);font-family:var(--f-toolbar-font, -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif);text-shadow:var(--f-toolbar-text-shadow);text-align:center;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;white-space:nowrap;pointer-events:none}.f-carousel__toolbar.is-absolute{position:absolute;top:0;left:0;right:0}.f-carousel__toolbar .f-button:focus-visible{position:relative;z-index:1}.f-carousel__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:var(--f-toolbar-gap, 0)}.f-carousel__toolbar__column.is-left{display:flex;justify-self:flex-start;justify-content:flex-start}.f-carousel__toolbar__column.is-middle{display:flex;justify-content:center}.f-carousel__toolbar__column.is-right{display:flex;justify-self:flex-end;justify-content:flex-end;flex-flow:nowrap}.f-carousel__toolbar__column{pointer-events:none}.f-carousel__toolbar__column>*{pointer-events:all}.f-counter{position:relative;display:flex;flex-direction:row;cursor:default;user-select:none;margin:var(--f-counter-margin, 0);padding:var(--f-counter-padding, 4px);line-height:var(--f-counter-line-height);background:var(--f-counter-bg);border-radius:var(--f-counter-border-radius)}.f-counter span{padding:0 var(--f-counter-gap, 4px)}:root{--f-thumbs-gap: 8px;--f-thumbs-margin: 0;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: transparent;--f-thumbs-transition: max-height .3s ease, max-width .3s ease, padding .3s ease;--f-thumbs-z-index: 1;--f-thumbs-viewport-padding-x: 0px;--f-thumbs-viewport-padding-y: 0px;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-clip-width: 46px;--f-thumb-extra-gap: 16px;--f-thumb-opacity: 1;--f-thumb-transition: opacity .3s ease, transform .15s ease;--f-thumb-border: none;--f-thumb-border-radius: 4px;--f-thumb-shadow: none;--f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));--f-thumb-focus-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-selected-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-border-transition: all .1s ease;--f-thumb-img-width: 100%;--f-thumb-img-height: 100%;--f-thumb-img-fit: cover;--f-thumb-img-position: 50% 20%}.f-thumbs{--f-carousel-slide-width: var(--f-thumb-width);--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: var(--f-thumbs-gap);position:relative;box-sizing:border-box;flex-shrink:0;margin:var(--f-thumbs-margin);padding:var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);overflow:hidden;background:var(--f-thumbs-bg);-webkit-tap-highlight-color:transparent;user-select:none;transition:var(--f-thumbs-transition);z-index:var(--f-thumbs-z-index)}.f-thumbs.is-horizontal{max-height:calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y) * 2)}.f-thumbs.is-horizontal.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-vertical{max-width:calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x) * 2)}.f-thumbs.is-vertical.is-hidden{max-width:0;--f-thumbs-padding-x: 0}.f-thumbs.is-scrollable.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-ltr{direction:ltr}.f-thumbs.is-rtl{direction:rtl}.f-thumbs img{display:block;width:var(--f-thumb-img-width);height:var(--f-thumb-img-height);object-fit:var(--f-thumb-img-fit);object-position:var(--f-thumb-img-position);pointer-events:none;border-radius:inherit;color:transparent}.f-thumbs img[data-lazy-src]{visibility:hidden}.f-thumbs img.has-lazyerror{display:none}.f-thumbs__viewport{box-sizing:border-box;height:100%;padding:var(--f-thumbs-viewport-padding-y) var(--f-thumbs-viewport-padding-x);overflow:visible;display:grid}.f-thumbs__slide{position:relative;box-sizing:border-box;grid-area:1/1;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);margin:0;padding:0;display:flex;align-items:center;flex-direction:column;cursor:pointer;overflow:visible}.f-thumbs__slide:hover button{opacity:var(--f-thumb-hover-opacity, 1);transform:var(--f-thumb-hover-transform, none)}.f-thumbs__slide:hover button:after{border:var(--f-thumb-hover-border, none);box-shadow:var(--f-thumb-hover-shadow, var(--f-thumb-shadow))}.f-thumbs__slide button{all:unset;display:block;margin:auto;padding:0;position:relative;overflow:visible;width:100%;height:100%;outline:none;transition:var(--f-thumb-transition);border-radius:var(--f-thumb-border-radius);opacity:var(--f-thumb-opacity);transform:var(--f-thumb-transform);background:var(--f-thumb-bg)}.f-thumbs__slide button:after{content:"";position:absolute;inset:0;z-index:1;transition:var(--f-thumb-border-transition);border-radius:inherit;border:var(--f-thumb-border);box-shadow:var(--f-thumb-shadow)}.f-thumbs__slide button:focus-within{opacity:var(--f-thumb-focus-opacity, 1);transform:var(--f-thumb-focus-transform, none)}.f-thumbs__slide button:focus-within:after{border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, var(--f-thumb-shadow))}.f-thumbs__slide:active{opacity:var(--f-thumb-active-opacity, 1);transform:var(--f-thumb-active-transform, none)}.f-thumbs__slide:active:after{border:var(--f-thumb-active-border, none);box-shadow:var(--f-thumb-active-shadow, var(--f-thumb-shadow))}.f-thumbs__slide.is-selected{z-index:2}.f-thumbs__slide.is-selected button{opacity:var(--f-thumb-selected-opacity, 1);transform:var(--f-thumb-selected-transform, none)}.f-thumbs__slide.is-selected button:after{border:var(--f-thumb-selected-border, none);box-shadow:var(--f-thumb-selected-shadow, var(--f-thumb-shadow))}.f-thumbs.is-modern{--f-carousel-slide-width: calc( var(--f-thumb-clip-width) + var(--f-thumbs-gap) );--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: 0;--width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width)))}.f-thumbs.is-modern .f-thumbs__viewport{width:calc(100% + var(--f-carousel-slide-width) * 2 + var(--f-thumbs-padding-x));margin-inline:calc((var(--f-carousel-slide-width) + var(--f-thumbs-padding-x)) * -1)}.f-thumbs.is-modern .f-thumbs__slide{--clip-shift: calc((var(--width-diff) * .5) * var(--progress));--clip-path: inset( 0 var(--clip-shift) round var(--f-thumb-border-radius, 0) );padding:0;overflow:visible;left:var(--shift, 0);will-change:left;transition:left var(--f-transition-duration) var(--f-transition-easing)}.f-thumbs.is-modern .f-thumbs__slide button{display:block;margin-inline:50%;width:var(--f-thumb-width);clip-path:var(--clip-path);border:none;box-shadow:none;transition:clip-path var(--f-transition-duration) var(--f-transition-easing),opacity var(--f-thumb-transition-duration, .2s) var(--f-thumb-transition-easing, ease)}.f-thumbs.is-modern .f-thumbs__slide button:after{display:none}.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible){outline:none}.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before{content:"";position:absolute;z-index:1;top:0;left:var(--clip-shift);bottom:0;right:var(--clip-shift);transition:border var(--f-transition-duration) var(--f-transition-easing),box-shadow var(--f-transition-duration) var(--f-transition-easing);border-radius:inherit;border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, none)}.f-thumbs.is-modern{--f-transition-duration: .25s;--f-transition-easing: ease-out}.f-thumbs.is-modern.is-syncing{--f-transition-duration: 0s}.f-thumbs.is-scrollable .f-thumbs__viewport{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--f-thumb-width),1fr));grid-auto-rows:var(--f-thumb-height);gap:var(--f-thumbs-gap);overflow:auto;overscroll-behavior:contain;user-select:none}.f-thumbs.is-scrollable .f-thumbs__viewport .f-thumbs__slide{grid-area:auto;display:block;position:relative;max-width:100%;width:var(--f-thumb-width);height:var(--f-thumb-height);cursor:pointer;outline:none}:root{--f-progressbar-height: 3px;--f-progressbar-color: var(--f-carousel-theme-color, #575ad6);--f-progressbar-opacity: 1;--f-progressbar-z-index: 30}.f-progressbar{position:absolute;top:0;left:0;right:0;z-index:var(--f-progressbar-z-index);height:var(--f-progressbar-height);transform:scaleX(0);transform-origin:0;opacity:var(--f-progressbar-opacity);background:var(--f-progressbar-color);user-select:none;pointer-events:none;animation-name:f-progressbar;animation-play-state:running;animation-timing-function:linear}.f-progressbar:empty{display:block}button>.f-progressbar{--f-progressbar-height: 100%;--f-progressbar-opacity: .2}@keyframes f-progressbar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}[data-fullscreen-action=toggle] svg g:first-child{display:flex}[data-fullscreen-action=toggle] svg g:last-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:last-child{display:flex}.in-fullscreen-mode>.f-carousel{flex:1;min-width:0!important;min-height:0!important}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--f-body-margin, 0px) + var(--f-scrollbar-compensate, 0px));overflow:hidden!important;overscroll-behavior-y:none}.fancybox__dialog{position:fixed;inset:0;z-index:1050;width:100%;height:100vh;max-height:unset;max-width:unset;padding:0;margin:0;border:0;overflow:hidden;background:transparent;touch-action:none;overscroll-behavior:contain}.fancybox__dialog:focus{outline:none}.fancybox__dialog::backdrop{opacity:0}@supports (height: 100dvh){.fancybox__dialog{height:100dvh}}.fancybox__dialog *:empty{display:block}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-backdrop-bg: rgba(24, 24, 27, .95);--f-toolbar-margin: 0;--f-toolbar-padding: 8px;--f-toolbar-gap: 0;--f-toolbar-color: #ddd;--f-toolbar-font-size: 16px;--f-toolbar-font-weight: 500;--f-toolbar-font: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;--f-toolbar-line-height: var(--f-button-height);--f-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);--f-toolbar-shadow: none;--f-toolbar-bg: none;--f-counter-margin: 0;--f-counter-padding: 0px 10px;--f-counter-gap: 4px;--f-counter-line-height: var(--f-button-height);--f-carousel-gap: 17px;--f-carousel-slide-width: 100%;--f-carousel-slide-height: 100%;--f-carousel-slide-padding: 0;--f-carousel-slide-bg: unset;--f-html-color: #222;--f-html-bg: #fff;--f-error-color: #fff;--f-error-bg: #333;--f-caption-margin: 0;--f-caption-padding: 16px 8px;--f-caption-color: var(--fancybox-color, #dbdbdb);--f-caption-bg: transparent;--f-caption-font: inherit;--f-caption-line-height: 1.375;--f-spinner-color-1: rgba(255, 255, 255, .2);--f-spinner-color-2: rgba(255, 255, 255, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px;--f-progressbar-color: rgba(255, 255, 255);--f-button-width: 46px;--f-button-height: 46px;--f-button-color: #ddd;--f-button-hover-color: #fff;--f-button-outline-width: 1px;--f-button-outline-color: rgba(255, 255, 255, .75);--f-button-outline-offset: 0px;--f-button-bg: rgba(54, 54, 54, .75);--f-button-border: 0;--f-button-border-radius: 0;--f-button-shadow: none;--f-button-transition: all .2s ease;--f-button-transform: none;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.75;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .01)), drop-shadow(1px 2px 1px rgba(24, 24, 27, .05));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: .5;--f-arrow-pos: 32px;--f-arrow-width: 50px;--f-arrow-height: 50px;--f-arrow-svg-width: 24px;--f-arrow-svg-height: 24px;--f-arrow-svg-stroke-width: 2.5;--f-arrow-border-radius: 50%;--f-arrow-bg: rgba(54, 54, 54, .65);--f-arrow-color: #ddd;--f-arrow-hover-color: #fff;--f-close-button-width: 30px;--f-close-button-height: 30px;--f-close-button-svg-width: 24px;--f-close-button-svg-height: 24px;--f-close-button-svg-stroke-width: 1.75;--f-close-border-radius: 4px;--f-close-button-color: #fff;--f-close-button-hover-color: #fff;--f-close-button-bg: transparent;--f-close-button-hover-bg: transparent;--f-close-button-active-bg: transparent;--f-thumbs-margin: 0px;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: none;--f-thumb-transition: all .2s ease;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-opacity: 1;--f-thumb-border: none;--f-thumb-shadow: none;--f-thumb-transform: none;--f-thumb-focus-opacity: 1;--f-thumb-focus-border: none;--f-thumb-focus-shadow: inset 0 0 0 2px rgba(255, 255, 255, .65);--f-thumb-focus-transform: none;--f-thumb-hover-opacity: 1;--f-thumb-hover-border: none;--f-thumb-hover-transform: none;--f-thumb-active-opacity: var(--f-thumb-hover-opacity);--f-thumb-active-border: var(--f-thumb-hover-border);--f-thumb-active-transform: var(--f-thumb-hover-transform);--f-thumb-selected-opacity: 1;--f-thumb-selected-border: none;--f-thumb-selected-shadow: inset 0 0 0 2px #fff;--f-thumb-selected-transform: none;--f-scrollbar-width: 7px;--f-scrollbar-track-bg: #444;--f-scrollbar-track-border-radius: 10px;--f-scrollbar-track-shadow: inset 0 0 6px rgba(0, 0, 0, .2);--f-scrollbar-thumb-bg: #ddd;--f-scrollbar-thumb-border-radius: 10px}.fancybox__container[theme=light]{--fancybox-color: #222;--fancybox-backdrop-bg: rgba(255, 255, 255, .97);--f-toolbar-color: var(--fancybox-color, #222);--f-toolbar-text-shadow: none;--f-toolbar-font-weight: 400;--f-html-color: var(--fancybox-color, #222);--f-html-bg: #fff;--f-error-color: #555;--f-error-bg: #fff;--f-video-bg: #fff;--f-caption-color: #333;--f-spinner-color-1: rgba(0, 0, 0, .2);--f-spinner-color-2: rgba(0, 0, 0, .8);--f-spinner-border-width: 3.5px;--f-progressbar-color: rgba(111, 111, 116);--f-button-color: #333;--f-button-hover-color: #000;--f-button-outline-color: rgba(0, 0, 0, .85);--f-button-bg: rgba(255, 255, 255, .85);--f-button-svg-stroke-width: 1.3;--f-button-svg-filter: none;--f-arrow-bg: rgba(255, 255, 255, .85);--f-arrow-color: #333;--f-arrow-hover-color: #000;--f-arrow-svg-stroke-width: 1.3;--f-close-button-color: #555;--f-close-button-hover-color: #000;--f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0);--f-thumb-focus-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #888;--f-thumb-selected-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #000;--f-scrollbar-track-bg: #ddd;--f-scrollbar-thumb-bg: #444}.fancybox__container{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column}.fancybox__container:focus{outline:none}.fancybox__container.has-vertical-thumbs{flex-direction:row-reverse}.fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport{overflow-x:clip;overflow-y:visible}.fancybox__container>*:not(.fancybox__carousel),.fancybox__container .fancybox__carousel>*:not(.fancybox__grid,.fancybox__viewport),.fancybox__container .fancybox__column>*:not(.fancybox__viewport),.fancybox__container .fancybox__slide:not(.is-selected),.fancybox__container .fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){opacity:var(--f-drag-opacity, 1)}.fancybox__container:not(.is-ready,.is-hiding){visibility:hidden}.fancybox__container.is-revealing>*:not(.fancybox__carousel),.fancybox__container.is-revealing .fancybox__carousel>*:not(.fancybox__grid,.fancybox__viewport),.fancybox__container.is-revealing .fancybox__column>*:not(.fancybox__viewport),.fancybox__container.is-revealing .fancybox__slide:not(.is-selected),.fancybox__container.is-revealing .fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper){animation:var(--f-interface-enter-duration, .35s) ease none f-fadeIn}.fancybox__container.is-hiding>*:not(.fancybox__carousel),.fancybox__container.is-hiding .fancybox__carousel>*:not(.fancybox__grid,.fancybox__viewport),.fancybox__container.is-hiding .fancybox__column>*:not(.fancybox__viewport),.fancybox__container.is-hiding .fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper){animation:var(--f-interface-exit-duration, .35s) ease forwards f-fadeOut}.fancybox__container.is-hiding .fancybox__carousel .fancybox__slide:not(.is-selected){opacity:0}.fancybox__container.is-hiding{pointer-events:none}.fancybox__container.is-idle .f-carousel__toolbar{pointer-events:none;opacity:0}.fancybox__container.is-idle .f-button.is-arrow{opacity:0}.fancybox__container.is-idle.is-ready .f-carousel__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__container.is-idle.is-ready .f-button.is-arrow{animation:.15s ease-out both f-fadeOut}.fancybox__backdrop{position:fixed;inset:0;z-index:-1;background:var(--fancybox-backdrop-bg);filter:var(--fancybox-backdrop-filter)}.fancybox__carousel{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;position:relative;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__carousel.is-vertical{--f-carousel-slide-height: 100%}.fancybox__carousel.is-ltr{direction:ltr}.fancybox__carousel.is-rtl{direction:rtl}.fancybox__carousel>.f-button.is-arrow:before{position:absolute;content:"";inset:-30px;z-index:1}.fancybox__viewport{display:grid;flex:1;min-height:0;min-width:0;position:relative;overflow:visible;transform:translate3d(0,var(--f-drag-offset, 0),0)}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__viewport [data-selectable],.fancybox__viewport [contenteditable]{cursor:auto}.fancybox__slide{box-sizing:border-box;position:relative;grid-area:1/1;display:flex;align-items:center;flex-direction:column;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);min-width:0;min-height:0;max-width:100%;margin:0;padding:var(--f-carousel-slide-padding);background:var(--f-carousel-slide-bg);backface-visibility:hidden;transform:translateZ(0);will-change:transform}.fancybox__slide:before,.fancybox__slide:after{display:block;content:""}.fancybox__slide:before{margin-bottom:auto}.fancybox__slide:after{margin-top:auto}.fancybox__slide.is-selected{z-index:1}.fancybox__slide.f-zoomable{overflow:visible}.fancybox__slide.has-error{--f-html-color: var(--f-error-color, --f-html-color);--f-html-bg: var(--f-error-bg, --f-html-bg)}.fancybox__slide.has-html{overflow:auto;padding:8px}.fancybox__slide.has-iframe{overflow:hidden;padding:8px 0}.fancybox__slide.has-close-btn{padding-top:34px}.fancybox__slide.has-controls:before{margin:0}.fancybox__slide .f-spinner{cursor:pointer}.fancybox__container.is-closing .f-caption,.fancybox__slide.is-loading .f-caption{visibility:hidden}.fancybox__container.is-closing .fancybox__carousel,.fancybox__container.is-closing .fancybox__viewport,.fancybox__container.is-closing .fancybox__slide.is-selected{overflow:visible}.f-button.is-close-button{--f-button-width: var(--f-close-button-width);--f-button-height: var(--f-close-button-height);--f-button-border-radius: var(--f-close-border-radius);--f-button-color: var(--f-close-button-color);--f-button-hover-color: var(--f-close-button-hover-color);--f-button-bg: var(--f-close-button-bg);--f-button-hover-bg: var(--f-close-button-hover-bg);--f-button-active-bg: var(--f-close-button-active-bg);--f-button-svg-width: var(--f-close-button-svg-width);--f-button-svg-height: var(--f-close-button-svg-height);--f-button-svg-stroke-width: var(--f-close-button-svg-stroke-width);position:absolute;top:calc((var(--f-button-height) + 2px) * -1);right:0;z-index:10}.is-loading .f-button.is-close-button{visibility:hidden}.fancybox__thumbs{flex:0 1 100%}.fancybox__thumbs.is-scrollable{--f-thumbs-cols: 1;--f-thumbs-gap: 8px;--f-thumbs-transition: none;--f-thumbs-padding-x: 4px;--f-thumbs-padding-y: 8px;--f-thumbs-viewport-padding-x: 4px;--f-thumbs-viewport-padding-y: 0px;max-width:calc(var(--f-thumb-width) * var(--f-thumbs-cols) + var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1) + var(--f-thumbs-padding-x) * 2 + var(--f-thumbs-viewport-padding-x) * 2)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar{width:var(--f-scrollbar-width)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-track{background:var(--f-scrollbar-track-bg);border-radius:var(--f-scrollbar-track-border-radius);box-shadow:var(--f-scrollbar-track-shadow)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-thumb{background:var(--f-scrollbar-thumb-bg);border-radius:var(--f-scrollbar-thumb-border-radius)}.fancybox__thumbs.is-scrollable.is-hidden{max-width:0;--f-thumbs-padding-x: 0;max-height:unset;--f-thumbs-padding-y: unset}.fancybox__thumbs.is-scrollable .f-thumbs__viewport{overflow-x:hidden!important;grid-template-columns:repeat(auto-fill,calc((100% - var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1)) / var(--f-thumbs-cols)))!important}@font-face { font-family: "Figtree"; src: url(//wp-property-hive.com/wp-content/themes/propertyhive-2026/fonts/figtree/woff2/Figtree-Light.woff2) format("woff2"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Figtree"; src: url(//wp-property-hive.com/wp-content/themes/propertyhive-2026/fonts/figtree/woff2/Figtree-LightItalic.woff2) format("woff2"); font-weight: 300; font-style: italic; font-display: swap; }
@font-face { font-family: "Figtree"; src: url(//wp-property-hive.com/wp-content/themes/propertyhive-2026/fonts/figtree/woff2/Figtree-Regular.woff2) format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Figtree"; src: url(//wp-property-hive.com/wp-content/themes/propertyhive-2026/fonts/figtree/woff2/Figtree-Italic.woff2) format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Figtree"; src: url(//wp-property-hive.com/wp-content/themes/propertyhive-2026/fonts/figtree/woff2/Figtree-Medium.woff2) format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Figtree"; src: url(//wp-property-hive.com/wp-content/themes/propertyhive-2026/fonts/figtree/woff2/Figtree-MediumItalic.woff2) format("woff2"); font-weight: 500; font-style: italic; font-display: swap; }
@font-face { font-family: "Figtree"; src: url(//wp-property-hive.com/wp-content/themes/propertyhive-2026/fonts/figtree/woff2/Figtree-SemiBold.woff2) format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Figtree"; src: url(//wp-property-hive.com/wp-content/themes/propertyhive-2026/fonts/figtree/woff2/Figtree-SemiBoldItalic.woff2) format("woff2"); font-weight: 600; font-style: italic; font-display: swap; }
@font-face { font-family: "Figtree"; src: url(//wp-property-hive.com/wp-content/themes/propertyhive-2026/fonts/figtree/woff2/Figtree-Bold.woff2) format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Figtree"; src: url(//wp-property-hive.com/wp-content/themes/propertyhive-2026/fonts/figtree/woff2/Figtree-BoldItalic.woff2) format("woff2"); font-weight: 700; font-style: italic; font-display: swap; }
@font-face { font-family: "Figtree"; src: url(//wp-property-hive.com/wp-content/themes/propertyhive-2026/fonts/figtree/woff2/Figtree-ExtraBold.woff2) format("woff2"); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Figtree"; src: url(//wp-property-hive.com/wp-content/themes/propertyhive-2026/fonts/figtree/woff2/Figtree-ExtraBoldItalic.woff2) format("woff2"); font-weight: 800; font-style: italic; font-display: swap; }
@font-face { font-family: "Figtree"; src: url(//wp-property-hive.com/wp-content/themes/propertyhive-2026/fonts/figtree/woff2/Figtree-Black.woff2) format("woff2"); font-weight: 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Figtree"; src: url(//wp-property-hive.com/wp-content/themes/propertyhive-2026/fonts/figtree/woff2/Figtree-BlackItalic.woff2) format("woff2"); font-weight: 900; font-style: italic; font-display: swap; }
@font-face { font-family: "Mackinac"; src: url(//wp-property-hive.com/wp-content/themes/propertyhive-2026/fonts/mackinac/woff2/Mackinac-Medium.woff2) format("woff2"); font-weight: 500; font-display: swap; }
:root {
--color-primary-honey: #FEEF4D;
--color-primary-honey-hover: #F3E234;
--color-secondary-wax: #FFCD00;
--color-secondary-sunlight: #FBFCD4;
--color-secondary-slate: #C8C9C7;
--color-secondary-mist: #F6F6F6;
--color-white: #FFF;
--color-white-hover: #f2f2f2;
--color-carbon: #151515;
--color-carbon-hover: #2A2A2A;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
.reveal { opacity:1; transform:none; }
.reveal.reveal-ready { opacity:0; transform:translateY(24px); transition:opacity 0.55s ease, transform 0.55s ease; transition-delay:var(--reveal-delay, 0ms); }
.reveal.reveal-ready.is-visible { opacity:1; transform:translateY(0); }
@media (max-width:700px) {
.reveal.reveal-ready { transition-delay:0ms; }
}
@media (prefers-reduced-motion:reduce) {
.reveal,
.reveal.reveal-ready { opacity:1; transform:none; transition:none; transition-delay:0ms; }
}
html {
scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior:auto;
}
}
body {
margin: 0;
color: var(--color-carbon);
background: var(--color-carbon);
font-family: "Figtree", sans-serif;
font-size: 16px;
line-height: 1.6;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, figure { margin: 0; }
ul, ol { padding: 0; }
h1 { font-size:5em; line-height:1.1; font-family: "Mackinac"; font-weight:500 }
h2 { font-size:3.125em; line-height:1.2; font-family: "Mackinac"; font-weight:500 }
h3 { font-size:2.375em; line-height:1.1; font-family: "Mackinac"; font-weight:500 }
h4 { font-size:1.875em; line-height:1.1; font-family: "Mackinac"; font-weight:500 }
h5 { font-size:1.25em; line-height:1.5; font-family: "Mackinac"; font-weight:500 }
h6 { font-size:1.125em; line-height:1.1; font-family: "Mackinac"; font-weight:500 }
@media (max-width:700px) {
h1 { font-size:3.5em; }
h2 { font-size:2.6em; }
h3 { font-size:2.15em; }
}
@media (max-width:400px) {
h1 { font-size:3.2em; }
h2 { font-size:2.3em; }
h3 { font-size:2em; }
}
img,
svg,
video,
canvas { max-width: 100%; height: auto; display: block; }
section { background: var(--color-white); }
section section { background:inherit; }
a { color: var(--color-carbon); text-decoration: none; transition:color 0.2s cubic-bezier(.4,0,.2,1), background-color 0.2s cubic-bezier(.4,0,.2,1) }
.button { font-size:1em; font-weight:600; text-decoration:none; border-radius:8px; }
.screen-reader-text { position: absolute; left: -9999px; z-index: 999; opacity: 0; }
.screen-reader-text:focus { left: 1rem; top: 1rem; opacity: 1; }
.container { width: 100%; max-width: 1270px; padding: 0 30px; margin: 0 auto; } .flip-words { display:inline-block; width:0; white-space:nowrap; text-align:left; color:var(--color-primary-honey); vertical-align:baseline; }
.flip-words.is-flipping { animation:flip-word 0.45s cubic-bezier(.22,1,.36,1); }
@keyframes flip-word {
0% { opacity:1; transform:translateY(0) rotateX(0); }
45% { opacity:0; transform:translateY(-0.35em) rotateX(75deg); }
55% { opacity:0; transform:translateY(0.35em) rotateX(-75deg); }
100% { opacity:1; transform:translateY(0) rotateX(0); }
} .site-header { position:relative; z-index:100; background:var(--color-primary-honey); }
.site-header .container { position:relative; display:flex; align-items:center; gap:2rem; }
.site-header .logo { flex:0 0 auto; }
.site-header .logo img { display:block; width:208px; height:auto; }
.site-header .site-nav { flex:1; display:flex; justify-content:flex-start; margin-left:3rem; }
.site-header .site-nav ul { margin:0; padding:0; list-style:none; }
.site-header .site-nav > ul { display:flex; align-items:center; gap:3rem; }
.site-header .site-nav li {  }
.site-header .site-nav li.has-children > button { cursor:pointer; display:flex; align-items:center; gap:0.7rem; }
.site-header .site-nav li.has-children > button::after { content:""; width:16px; height:16px; flex-shrink:0; background-repeat:no-repeat; background-position:center; background-size:contain; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16' fill='none'%3E%3Cpath d='M18.593 8.19486C19.0376 8.52237 19.1326 9.14837 18.8051 9.59306C18.5507 9.93847 18.2963 10.2668 18.0731 10.5528C17.6276 11.1236 17.0143 11.8882 16.3479 12.6556C15.6859 13.4181 14.9518 14.2064 14.2666 14.8119C13.9251 15.1136 13.5721 15.3911 13.2279 15.5986C12.9112 15.7895 12.476 16 11.9999 16C11.5238 16 11.0885 15.7895 10.7718 15.5986C10.4276 15.3911 10.0747 15.1136 9.7332 14.8119C9.04791 14.2064 8.31387 13.4181 7.65183 12.6556C6.98548 11.8882 6.37216 11.1236 5.92664 10.5528C5.70347 10.2668 5.44902 9.93847 5.19463 9.59307C4.86712 9.14837 4.96211 8.52237 5.4068 8.19486C5.58556 8.0632 5.79362 7.99983 5.99982 8H11.9999H17.9999C18.2061 7.99983 18.4142 8.0632 18.593 8.19486Z' fill='currentColor'/%3E%3C/svg%3E"); }
.site-header .site-nav button,
.site-header .site-nav > ul > li > a { background:transparent; border:0; padding:2em 0; display:block; font-weight:600; }
.site-header .site-nav .sub-menu { background:#FFF; position:absolute; opacity:0; visibility:hidden; pointer-events:none; transition:opacity 0.22s cubic-bezier(.22,1,.36,1), visibility 0s linear 0.22s; will-change:opacity; }
.site-header .site-nav .sub-menu.standard { top:calc(100%); left:50%; transform:translateX(-50%); min-width:220px; padding:0.5rem; border-radius:0.75rem; }
.site-header .site-nav .sub-menu.standard a { padding:0.65rem 0.75rem; border-radius:0.5rem; white-space:nowrap; }
.site-header .site-nav .sub-menu.expansive { padding:2em; display:flex; gap:1em; align-items:stretch; top:86px; left:0; width:100%; }
.site-header .site-nav .sub-menu.expansive li { flex:1; }
.site-header .site-nav .sub-menu.expansive li a { height:100%; display:block; background:var(--color-secondary-mist); border-radius:12px; padding:1.5rem; }
.site-header .site-nav .sub-menu.expansive li a:hover { background:var(--color-primary-honey); }
.site-header .site-nav .sub-menu.expansive li a .illustration { width:64px; }
.site-header .site-nav .sub-menu.expansive li a h4 { margin:1.5rem 0; }
.site-header .site-nav .sub-menu.expansive li a h4 span { font-size:1.1rem; opacity:0.4 }
.site-header .site-nav .sub-menu.expansive li a p { font-size:1em; line-height:1.5; }
.site-header .site-nav li:hover > .sub-menu,
.site-header .site-nav li:focus-within > .sub-menu { opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0); transition:opacity 0.18s ease, transform 0.18s ease, visibility 0s linear 0s; }
.site-header .icons { flex:0 0 auto; display:flex; align-items:center; justify-content:flex-end; gap:1rem; }
.site-header .icons a { font-weight:600; display:inline-flex; padding:7px 15px; align-items:center; justify-content:center; border-radius:4px; }
.site-header .icons a:hover,
.site-header .icons a:focus {  }
.site-header .icons a.get-started { background:var(--color-carbon); color:var(--color-primary-honey); }
.site-header .icons a.get-started:hover { background:var(--color-carbon-hover); }
.site-header .icons a svg { margin-right:7px; }
.site-header .mobile-menu-toggle { display:none; }
.site-header .mobile-menu { display:none; }
.site-header .mobile-menu.is-open { opacity:1; visibility:visible; transform:none; }
.site-header .mobile-menu-close { position:absolute; top:1.5rem; right:1rem; width:48px; height:48px; border:0; background:transparent; color:var(--color-carbon); font-size:3rem; line-height:1; cursor:pointer; display:flex; align-items:center; justify-content:center; }
body.mobile-menu-open { overflow:hidden; } .site-header .site-nav #what-we-offer-menu {
flex-wrap:wrap;
}
.site-header .site-nav #what-we-offer-menu > .secondary-links {
flex:0 0 100%;
}
.site-header .site-nav #what-we-offer-menu > .secondary-links > ul {
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:1rem;
}
.site-header .site-nav #what-we-offer-menu .secondary-links li {
min-width:0;
}
.site-header .site-nav #what-we-offer-menu .secondary-links li a {
padding:1.25rem 1.5rem 1rem 1.5rem; }
.site-header .site-nav #what-we-offer-menu .secondary-links li a:hover { }
.site-header .site-nav #what-we-offer-menu .secondary-links h4 {
margin:0 0 0.35rem;
font-size:1.125rem;
}
.site-header .site-nav #what-we-offer-menu .secondary-links p {
margin:0;
font-size:0.9rem;
}
@media (max-width:1250px) {
.site-header .site-nav > ul { gap:2rem; }
}
@media (max-width:1200px) {
.site-header .site-nav,
.site-header .icons { display:none; }
.site-header .mobile-menu .icons { display:block; font-size:1rem; }
.site-header .mobile-menu .icons a { margin-bottom:1rem; border:0; }
.site-header .container { justify-content:space-between; padding-top:1rem; padding-bottom:1rem; }
.site-header .mobile-menu-toggle { display:inline-flex; align-items:center; gap:0.5rem; border:0; border-radius:8px; background:var(--color-carbon); color:var(--color-primary-honey); padding:0.75rem 1rem; font:inherit; font-weight:600; }
.site-header .mobile-menu { display:block; position:fixed; inset:0; z-index:999; background:var(--color-primary-honey); padding:6rem 1.5rem 2rem; overflow:auto; opacity:0; visibility:hidden; transform:translateY(-20px); transition:opacity .25s ease, transform .25s ease, visibility .25s; }
.mobile-menu nav { margin-bottom:2rem; }
.mobile-menu nav > ul { list-style:none; margin:0; padding:0; }
.mobile-menu li.has-children > button { cursor:pointer; display:flex; align-items:center; gap:0.7rem; }
.mobile-menu li.has-children > button::after { content:""; width:16px; height:16px; flex-shrink:0; background-repeat:no-repeat; background-position:center; background-size:contain; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16' fill='none'%3E%3Cpath d='M18.593 8.19486C19.0376 8.52237 19.1326 9.14837 18.8051 9.59306C18.5507 9.93847 18.2963 10.2668 18.0731 10.5528C17.6276 11.1236 17.0143 11.8882 16.3479 12.6556C15.6859 13.4181 14.9518 14.2064 14.2666 14.8119C13.9251 15.1136 13.5721 15.3911 13.2279 15.5986C12.9112 15.7895 12.476 16 11.9999 16C11.5238 16 11.0885 15.7895 10.7718 15.5986C10.4276 15.3911 10.0747 15.1136 9.7332 14.8119C9.04791 14.2064 8.31387 13.4181 7.65183 12.6556C6.98548 11.8882 6.37216 11.1236 5.92664 10.5528C5.70347 10.2668 5.44902 9.93847 5.19463 9.59307C4.86712 9.14837 4.96211 8.52237 5.4068 8.19486C5.58556 8.0632 5.79362 7.99983 5.99982 8H11.9999H17.9999C18.2061 7.99983 18.4142 8.0632 18.593 8.19486Z' fill='currentColor'/%3E%3C/svg%3E"); }
.mobile-menu a,
.mobile-menu button { width:100%; display:flex; justify-content:space-between; align-items:center; border:0; background:transparent; padding:1rem 0; color:var(--color-carbon); font:inherit; font-size:1.5rem; font-weight:600; text-align:left; border-bottom:1px solid rgba(21,21,21,.15); }
.mobile-menu ul ul { list-style-type:none; }
.mobile-menu ul ul a { font-size:1.125rem; font-weight:500; padding-left:1rem; }
}
@media (max-width: 360px) {
.site-header .logo img { width:150px; }
} .home-hero { background:var(--color-primary-honey); padding:2rem 0; }
.home-hero .container { display:flex; align-items:center; justify-content:space-between; gap:4rem; }
.home-hero .left-content { flex:1 1 50%; max-width:540px; }
.home-hero .left-content .page-title { font-weight:700; margin-bottom:1.25rem; font-size:1.25rem; }
.home-hero .left-content h1 {  }
.home-hero .left-content p { font-size:1.125em; margin-top:1.5rem; margin-bottom:1.5rem; }
.home-hero .left-content .button { display:inline-block; background:var(--color-white); padding:9px 14px; margin-bottom:1.5rem; margin-right:0.75rem; }
.home-hero .left-content .button:hover { background:var(--color-white-hover); }
.home-hero .left-content .rating { display:flex; align-items:center; flex-wrap:wrap; gap:0.3rem; }
.home-hero .left-content .star { width:16px; height:16px; flex:0 0 16px; background-repeat:no-repeat; background-position:center; background-size:contain; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16' fill='none'%3E%3Cpath d='M11.9961 1.25C13.0454 1.25 13.8719 2.04253 14.3995 3.11191L16.1616 6.66516C16.215 6.77513 16.3417 6.92998 16.5321 7.07164C16.7223 7.21315 16.9086 7.29121 17.0311 7.3118L20.2207 7.84613C21.3729 8.03973 22.3386 8.60449 22.6521 9.5879C22.9653 10.5705 22.5064 11.5916 21.6778 12.4216L21.677 12.4225L19.1991 14.9209C19.1009 15.0199 18.9909 15.2064 18.9219 15.4494C18.8534 15.6908 18.8473 15.9107 18.8784 16.0527L18.8788 16.0547L19.5877 19.1454C19.8818 20.4317 19.7843 21.7073 18.8771 22.3742C17.9667 23.0433 16.7227 22.7467 15.5925 22.0736L12.6026 20.289C12.477 20.214 12.2614 20.1532 12.0011 20.1532C11.7427 20.1532 11.5226 20.2132 11.3888 20.291L11.3869 20.2921L8.40288 22.0732C7.27405 22.7487 6.03154 23.04 5.12111 22.3702C4.21449 21.7032 4.11214 20.43 4.40711 19.1447L5.1159 16.0547L5.11633 16.0527C5.14741 15.9107 5.14133 15.6908 5.0728 15.4494C5.0038 15.2064 4.89379 15.0199 4.79558 14.9209L2.31585 12.4206C1.49265 11.5906 1.03521 10.5704 1.34595 9.58925C1.65759 8.60525 2.62143 8.0398 3.77433 7.84606L6.96132 7.31219L6.96233 7.31202C7.07917 7.29175 7.2627 7.21456 7.45248 7.07268C7.64261 6.93054 7.76959 6.77535 7.82312 6.66516L7.82582 6.65967L9.58562 3.11097L9.58632 3.10957C10.119 2.04108 10.948 1.25 11.9961 1.25Z' fill='currentColor'/%3E%3C/svg%3E"); }
.home-hero .left-content .rating-text { flex:0 1 auto; font-size:14px; padding-left:8px; padding-top:5px; }
.home-hero .right-video { flex:1 1 50%; display:flex; align-items:center; justify-content:center; min-width:0; }
.home-hero .right-video video,
.home-hero .right-video iframe,
.home-hero .right-video img { display:block; border:0; width:100%; height:100%; }
.home-hero .right-video img { border-radius:12px; }
.home-hero .right-video .video-lightbox { position:relative; display:block; overflow:hidden; }
.home-hero .right-video .video-lightbox img { display:block; width:100%; height:auto; }
.home-hero .right-video .video-lightbox .play-button { position:absolute; top:50%; left:50%; width:86px; height:86px; transform:translate(-50%,-50%); border-radius:999px; background:#FEEF4D; }
.home-hero .right-video .video-lightbox .play-button::before { content:""; position:absolute; top:50%; left:54%; transform:translate(-50%,-50%); width:0; height:0; border-top:16px solid transparent; border-bottom:16px solid transparent; border-left:24px solid #151515; }
.home-hero .right-video .video-lightbox:hover .play-button { transform:translate(-50%,-50%) scale(1.06); }
@media (max-width:1024px) {
.home-hero .container { gap:2.5rem; }
.home-hero .left-content { max-width:none; }
.home-hero .right-video .video-lightbox .play-button { width:72px; height:72px; }
.home-hero .right-video .video-lightbox .play-button::before { border-top:14px solid transparent; border-bottom:14px solid transparent; border-left:20px solid #151515; }
}
@media (max-width:768px) {
.home-hero { padding:3rem 0; }
.home-hero .container { flex-direction:column; gap:3rem; }
.home-hero .left-content { flex:none; max-width:none; order:2; text-align:center; }
.home-hero .left-content p { font-size:1rem; }
.home-hero .left-content .rating { justify-content:center; }
.home-hero .right-video { flex:none; width:100%; order:1; }
.home-hero .right-video .video-lightbox { width:100%; }
.home-hero .right-video .video-lightbox .play-button { width:64px; height:64px; }
.home-hero .right-video .video-lightbox .play-button::before { border-top:12px solid transparent; border-bottom:12px solid transparent; border-left:18px solid #151515; }
} .page-hero { background:var(--color-primary-honey); padding:2rem 0; }
.page-hero .container { display:flex; align-items:center; justify-content:space-between; gap:4rem; }
.page-hero .left-content { flex:1 1 75%; max-width:810px; }
.page-hero .left-content .page-title { font-weight:700; margin-bottom:1rem; font-size:1.25rem; opacity:0.25; }
.page-hero .left-content h1 {  }
.page-hero .left-content p { max-width:600px; font-size:1.125em; margin-top:1.5rem; margin-bottom:1.5rem; }
.page-hero .left-content .button { margin-right:1rem; display:inline-block; background:var(--color-white); padding:9px 14px; margin-bottom:1.5rem; }
.page-hero .left-content .button:hover { background:var(--color-white-hover); }
.page-hero .right-image { flex:1; max-width:225px; display:flex; align-items:center; justify-content:right; min-width:0; }
@media (max-width:768px) {
.page-hero .container { display:block; }
.page-hero .right-image { display:none; }
} .full-width-video { padding:3em 0; background:var(--color-secondary-mist) }
.full-width-video video { width:100%; height:auto; display:block; border-radius:16px } .full-width-contents { padding:3em 0;  }
.full-width-contents h1,
.full-width-contents h2,
.full-width-contents h3,
.full-width-contents h4,
.full-width-contents h5,
.full-width-contents h6 { margin-top:1.75rem; margin-bottom:1.4rem; line-height:1.3; }
.full-width-contents p { margin-bottom:1rem; }
.full-width-contents a { text-decoration:underline; }
.full-width-contents .container > :first-child { margin-top:0; } .mockup { padding:3em 0; }
.mockup .static-image { display:none; }
.mockup .inner { background:var(--color-secondary-sunlight); border-radius:16px; padding:8rem 14rem; }
.mockup .wrapper { position:relative; overflow:visible; }
.mockup .wrapper .background { position:relative; z-index:1; transition:none; }
.mockup .wrapper .background img { display:block; width:100%; height:auto; }
.mockup .wrapper .foreground { position:absolute; z-index:2; transition:none; }
.mockup .wrapper .foreground img { display:block; }
.mockup.mockup-import .street { top:-40px; left:50%; }
.mockup.mockup-import .reapit { top:60%; left:-180px; }
.mockup.mockup-import .loop { bottom:-40px; left:12%; }
.mockup.mockup-import .xml-csv { bottom:-30px; right:10%; }
.mockup.mockup-import .alto { top:70%; right:-110px; }
.mockup.mockup-import .status { top:30%; right:-152px; }
.mockup.mockup-export .rightmove { top:70%; left:-180px; }
.mockup.mockup-export .onthemarket { top:22%; right:-190px; }
.mockup.mockup-export .zoopla { bottom:-40px; left:72%; }
.mockup.mockup-search .save { top:10%; left:-150px; }
.mockup.mockup-search .map { top:60%; left:-80px; }
.mockup.mockup-search .price { top:24%; right:-120px; }
.mockup.mockup-search .enquiry { top:75%; right:150px; }
@media (max-width:1024px) {
.mockup .inner { padding:1.5rem; }
.mockup .wrapper { display:none; }
.mockup .static-image { display:block; }
} .add-on-pills { text-align:center; padding:3em 0; }
.add-on-pills.text-colour-light { color:var(--color-white); }
.add-on-pills .inner { padding:2em 0; }
.add-on-pills.floating .inner { padding:5rem 4rem; border-radius:16px; }
.add-on-pills h2 { margin-bottom:3rem; text-align:center; }
.add-on-pills p { max-width:820px; margin:0 auto; font-size:1.5rem; line-height:1.5; margin-bottom:4rem; }
.add-on-pills .pills { margin:0 auto; font-size:1.125em; font-family:"Mackinac"; display:flex; flex-wrap:wrap; justify-content:center; gap:2rem; }
.add-on-pills .pills .pill { flex:0 0 calc((100% - 6rem) / 4); display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start; overflow:hidden; padding:0; border-radius:8px; background:var(--color-white); color:var(--color-carbon); text-align:center; }
.add-on-pills .pills .pill .image { background:var(--color-secondary-wax) no-repeat center center; background-size:cover; width:100%; aspect-ratio:5 / 3; }
.add-on-pills .pills .pill .name { display:flex; flex:1; align-items:center; justify-content:center; min-height:4.5rem; padding:1rem 1.25rem; }
.add-on-pills .button { margin-top:4rem; display:inline-block; background:var(--color-carbon); color:var(--color-white); padding:9px 14px; margin-bottom:1.5rem; }
.add-on-pills .button:hover { background:var(--color-carbon-hover); }
.add-on-pills.text-colour-light .button { display:inline-block; background:var(--color-primary-honey); color:var(--color-carbon); padding:9px 14px; margin-bottom:1.5rem; }
.add-on-pills.text-colour-light .button:hover { background:var(--color-primary-honey-hover); }
.add-on-pills.floating.overlap-next .inner { position:relative; z-index:2; }
.add-on-pills.floating.overlap-next .inner { margin-bottom:calc(var(--aop-overlap, 0px) * -1); }
@media (max-width:1024px) {
.add-on-pills.floating .inner { padding:4rem 3rem; }
.add-on-pills p { font-size:1.25rem; margin-bottom:3rem; }
.add-on-pills .pills { gap:1.25rem; font-size:1.125rem; }
.add-on-pills .pills .pill { padding:0.875rem 1.25rem; }
}
@media (max-width:768px) {
.add-on-pills { padding:4rem 0; }
.add-on-pills .inner { padding:0; }
.add-on-pills.floating .inner { padding:3rem 1.5rem; }
.add-on-pills h2 { margin-bottom:2rem; }
.add-on-pills p { font-size:1.125rem; margin-bottom:2.5rem; }
.add-on-pills .pills { gap:1rem; }
.add-on-pills .pills .pill { width:100%; white-space:normal; }
.add-on-pills .button { margin-top:3rem; }
}
@media (max-width:480px) {
.add-on-pills.floating .inner { padding:2.5rem 1.25rem; }
.add-on-pills .pills { font-size:1rem; }
} .showcase { text-align:center; padding:4.5rem 0 5.5rem; }
.showcase h2 { margin-bottom:3.5rem; }
.showcase h2.with-subtitle { margin-bottom:2rem; }
.showcase p { max-width:820px; margin:0 auto; font-size:1.5rem; line-height:1.5; margin-bottom:3.5rem; }
.showcase .sites { overflow:hidden; }
.showcase .sites .top-row { margin-bottom:2rem; }
.showcase .sites .top-row,
.showcase .sites .bottom-row { display:flex; width:max-content; gap:2rem; }
.showcase .sites .top-row { animation:showcase-scroll-right 110s linear infinite; }
.showcase .sites .bottom-row { animation:showcase-scroll-left 110s linear infinite; }
@media (prefers-reduced-motion: reduce) {
.showcase .sites .top-row,
.showcase .sites .bottom-row { animation:none; }
}
.showcase .sites .top-row img,
.showcase .sites .bottom-row img { display:block; max-height:300px; flex:0 0 auto; border-radius:12px; }
@keyframes showcase-scroll-left {
from { transform:translateX(0); }
to { transform:translateX(-50%); }
}
@keyframes showcase-scroll-right {
from { transform:translateX(-50%); }
to { transform:translateX(0); }
}
@media (max-width:1024px) {
.showcase p { font-size:1.25rem; margin-bottom:3rem; }
.showcase .sites .top-row,
.showcase .sites .bottom-row { gap:1.5rem; }
.showcase .sites .top-row img,
.showcase .sites .bottom-row img { max-width:320px; }
}
@media (max-width:768px) {
.showcase { padding:4rem 0; }
.showcase h2 { margin-bottom:2rem; }
.showcase p { font-size:1.125rem; margin-bottom:2.5rem; }
.showcase .sites .top-row { margin-bottom:1.5rem; }
.showcase .sites .top-row,
.showcase .sites .bottom-row { gap:1rem; }
.showcase .sites .top-row img,
.showcase .sites .bottom-row img { max-width:260px; }
.showcase .sites .top-row { animation-duration:80s; }
.showcase .sites .bottom-row { animation-duration:80s; }
}
@media (max-width:480px) {
.showcase .sites .top-row img,
.showcase .sites .bottom-row img { max-width:200px; }
.showcase .sites .top-row { animation-duration:60s; }
.showcase .sites .bottom-row { animation-duration:60s; }
} .benefits {  }
.benefits.floating { background:transparent; position:relative; z-index:2; margin-top:calc(var(--benefits-overlap, 0px) * -1); margin-bottom:calc(var(--benefits-overlap, 0px) * -1); }
.benefits .inner { padding:4.5rem 0; }
.benefits.floating .inner { border-radius:16px; padding:2.5rem; }
.benefits h2 { margin-bottom:2.5rem; text-align:center; }
.benefits h2.with-subtitle { margin-bottom:2rem; }
.benefits > .container > div > div > p { text-align:center; max-width:870px; margin:0 auto; font-size:1.5rem; line-height:1.5; margin-bottom:4rem; }
.benefits .grid { display:flex; justify-content:space-between; gap:3rem; }
.benefits .grid .grid-item { flex:1 1 0; }
.benefits .grid .grid-item .icon { flex:0 0 41px; height:41px; }
.benefits .grid .grid-item .icon img,
.benefits .grid .grid-item .icon svg { max-height:100%; }
.benefits.floating .grid .grid-item .icon svg path { }
.benefits .grid .grid-item h4 { font-size:1.4rem; margin:1.5rem 0 1rem; }
.benefits .grid .grid-item p { font-size:1.125em; line-height:1.5; }
.benefits.three-columns .grid { flex-wrap:wrap; justify-content:flex-start; gap:3.5rem; }
.benefits.three-columns .grid .grid-item { flex:0 0 calc((100% - 7rem) / 3); }
@media (max-width:1024px) {
.benefits .grid { gap:2.5rem; }
.benefits.three-columns .grid .grid-item { flex:0 0 calc((100% - 3.5rem) / 2); }
}
@media (max-width:768px) {
.benefits { padding:4rem 0; }
.benefits h2 { text-align:left; }
.benefits > .container > div > p { font-size:1.25rem; text-align:left; }
.benefits .grid { flex-direction:column; align-items:stretch; gap:2.5rem; }
.benefits .grid .grid-item,
.benefits.three-columns .grid .grid-item { flex:none; width:100%; }
} .image-surrounded-by-features { padding:6rem 0; }
.image-surrounded-by-features__grid { display:grid; grid-template-columns:minmax(0, 1fr) minmax(340px, 1.3fr) minmax(0, 1fr); gap:4rem; align-items:stretch; }
.image-surrounded-by-features__features { display:flex; flex-direction:column; justify-content:space-between; gap:4rem; padding:1rem 0; }
.image-surrounded-by-features__feature { max-width:320px; } .image-surrounded-by-features__features--right {  }
.image-surrounded-by-features__icon { width:40px; height:40px; margin-bottom:1.25rem; color:var(--color-carbon); } .image-surrounded-by-features__features--right .image-surrounded-by-features__icon {  }
.image-surrounded-by-features__icon svg { display:block; width:100%; height:100%; }
.image-surrounded-by-features__icon svg path { fill:currentColor; }
.image-surrounded-by-features__feature h4 { margin:0 0 1rem; }
.image-surrounded-by-features__content > :first-child { margin-top:0; }
.image-surrounded-by-features__content > :last-child { margin-bottom:0; }
.image-surrounded-by-features__content p { font-size:1.125rem; }
.image-surrounded-by-features__image { position:relative; min-height:560px; overflow:hidden; border-radius:16px; }
.image-surrounded-by-features__image img { display:block; width:100%; height:100%; object-fit:cover; }
@media (max-width:1024px) {
.image-surrounded-by-features { padding:5rem 0; }
.image-surrounded-by-features__grid { grid-template-columns:minmax(0, 1fr) minmax(300px, 1.2fr) minmax(0, 1fr); gap:2.5rem; }
.image-surrounded-by-features__features { gap:3rem; }
.image-surrounded-by-features__image { min-height:500px; }
}
@media (max-width:768px) {
.image-surrounded-by-features { padding:4rem 0; }
.image-surrounded-by-features__grid { display:flex; flex-direction:column; gap:3rem; }
.image-surrounded-by-features__image { order:1; min-height:auto; aspect-ratio:4 / 3; }
.image-surrounded-by-features__features { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:2.5rem 2rem; padding:0; }
.image-surrounded-by-features__features--left { order:2; }
.image-surrounded-by-features__features--right { order:3; align-items:initial; text-align:left; }
.image-surrounded-by-features__feature { max-width:none; }
.image-surrounded-by-features__features--right .image-surrounded-by-features__icon { margin-left:0; }
}
@media (max-width:550px) {
.image-surrounded-by-features__features { grid-template-columns:1fr; }
} .stats { padding:4rem 0 4rem; }
.stats .grid { display:flex; align-items:flex-start; justify-content:space-between; }
.stats .grid .grid-item { flex:1; text-align:center; }
.stats .grid .grid-item .stat-value { font-size:6.25em; line-height:1.1; font-family:"Mackinac"; font-weight:500; }
.stats .grid .grid-item .stat-value svg { display:inline-block; width:0.7em; height:0.7em; vertical-align:baseline; margin-left:0.15em; }
.stats .grid .grid-item .stat-label { font-size:1.5em; line-height:1.5; }
@media (max-width:1024px) {
.stats .grid { gap:2rem; }
.stats .grid .grid-item .stat-value { font-size:5rem; }
.stats .grid .grid-item .stat-label { font-size:1.25rem; }
}
@media (max-width:768px) {
.stats { padding:4rem 0; }
.stats .grid { flex-direction:column; gap:3rem; }
.stats .grid .grid-item { width:100%; }
.stats .grid .grid-item .stat-value { font-size:4rem; }
.stats .grid .grid-item .stat-label { font-size:1.125rem; }
} .two-boxes {  }
.two-boxes .inner { padding:4.5rem 0; }
.two-boxes.floating .inner { padding:3.75rem 3.75rem; border-radius:16px; }
.two-boxes h2 { margin-bottom:3.5rem; text-align:center; }
.two-boxes h2.with-subtitle { margin-bottom:2rem; }
.two-boxes p { max-width:820px; text-align:center; margin:0 auto; font-size:1.5rem; line-height:1.5; margin-bottom:3.5rem; }
.two-boxes .grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(0, 1fr)); gap:1.875em; align-items:stretch; }
.two-boxes .grid .grid-item { min-width:0; display:flex; flex-direction:column; }
.two-boxes .grid .grid-item img { width:100%; border-radius:12px; aspect-ratio:4 / 3; object-fit:cover; }
.two-boxes .grid .grid-item h3 { margin-top:2rem; margin-bottom:1.5rem; }
.two-boxes.two-boxes-3 .grid .grid-item h3 { font-size:2rem }
.two-boxes .grid .grid-item p { max-width:100%; text-align:left; margin-left:0; margin-right:0; font-size:1.25em; line-height:1.5; margin-bottom:1.5rem; }
.two-boxes .grid .grid-item .button { align-self:flex-start; margin-top:auto; display:inline-block; background:var(--color-primary-honey); padding:9px 14px; }
.two-boxes .grid .grid-item .button:hover { background:var(--color-primary-honey-hover); }
.two-boxes.floating { background:transparent; position:relative; z-index:2; margin-top:calc(var(--two-boxes-overlap, 0px) * -1); margin-bottom:calc(var(--two-boxes-overlap, 0px) * -1); }
@media (max-width:1024px) {
.two-boxes.floating .inner { padding:2rem }
.two-boxes .grid { gap:1.5rem; }
.two-boxes .grid .grid-item p { font-size:1.125rem; }
}
@media (max-width:768px) {
.two-boxes { padding:4rem 0; }
.two-boxes h2 { margin-bottom:2.5rem; }
.two-boxes .grid { grid-template-columns:1fr; gap:3rem; }
.two-boxes .grid .grid-item { width:100%; }
.two-boxes .grid .grid-item h3 { margin-top:1.25rem; margin-bottom:1rem; }
.two-boxes .grid .grid-item p { font-size:1.125rem; }
} .home-services { padding:1.75rem 0; }
.home-services .grid { display:flex; align-items:stretch; justify-content:space-between; gap:1.75em; }
.home-services .grid.top { margin-bottom:1.75em; }
.home-services .grid .grid-item { flex:1; padding:1.6875em; border-radius:12px; }
.home-services .grid .grid-item a { height:100%; display:flex; flex-direction:column; }
.home-services .grid .grid-item .illustration { width:117px; }
.home-services .grid .grid-item h4 { margin:2rem 0 1.5rem; }
.home-services .grid .grid-item p { font-size:1.25em; line-height:1.5; margin-bottom:3rem; }
.home-services .grid .grid-item .read-more { margin-top:auto; text-decoration:underline; font-weight:600; }
@media (max-width:1024px) {
.home-services .grid { gap:1.5rem; }
.home-services .grid .grid-item p { font-size:1.125rem; }
}
@media (max-width:768px) {
.home-services { padding:4rem 0; }
.home-services .grid { flex-direction:column; gap:1.5rem; }
.home-services .grid.top { margin-bottom:1.5rem; }
.home-services .grid .grid-item { width:100%; }
.home-services .grid .grid-item .illustration { width:96px; }
.home-services .grid .grid-item h4 { margin:1.5rem 0 1rem; }
.home-services .grid .grid-item p { font-size:1.125rem; margin-bottom:2rem; }
}
.masonry { padding:4.5rem 0; text-align:center; }
.masonry h2 { margin-bottom:1.5rem; }
.masonry p { max-width:820px; margin:0 auto; font-size:1.5rem; line-height:1.5; margin-bottom:4rem; }
.masonry .grid { display:flex; text-align:left; align-items:stretch; justify-content:space-between; gap:1.75em; margin-bottom:1.75em; }
.masonry .grid .grid-item { position:relative; flex:1; padding:2.3em; border-radius:12px; }
.masonry .grid.top .grid-item:first-child { flex:1; }
.masonry .grid.top .grid-item:last-child { flex:2; }
.masonry .grid:not(.top) .grid-item:first-child { flex:2; }
.masonry .grid:not(.top) .grid-item:last-child { flex:1; }
.masonry .grid .grid-item .number { font-family:"Mackinac"; font-size:6.25rem; line-height:1; margin-bottom:5rem; }
.masonry .grid .grid-item h4 { position:relative; margin:2rem 0 1.5rem; }
.masonry .grid .grid-item p { position:relative; max-width:350px; font-size:1.25em; line-height:1.5; margin:0; }
.masonry .grid .grid-item a { text-decoration:underline; }
.masonry .grid .grid-item .icon { position:absolute; }
.masonry .grid.top .grid-item:first-child .icon,
.masonry .grid:not(.top) .grid-item:last-child .icon { width:110px; height:110px; top:2.5rem; right:2.5rem; }
.masonry .grid.top .grid-item:last-child .icon,
.masonry .grid:not(.top) .grid-item:first-child .icon { max-width:285px; top:2.5rem; right:2.5rem; }
.masonry .grid.top .grid-item:first-child .icon svg {
display:block;
width:100%;
height:100%;
}
@media (max-width:1024px) {
.masonry p { font-size:1.25rem; margin-bottom:3rem; }
.masonry .grid { gap:1.5rem; }
.masonry .grid .grid-item { padding:2rem; }
.masonry .grid .grid-item .number { font-size:5rem; margin-bottom:4rem; }
.masonry .grid .grid-item p { font-size:1.125rem; }
.masonry .grid.top .grid-item:last-child .icon,
.masonry .grid:not(.top) .grid-item:first-child .icon { max-width:220px; }
}
@media (max-width:768px) {
.masonry { padding:4rem 0; }
.masonry p { font-size:1.125rem; margin-bottom:2.5rem; }
.masonry .grid { flex-direction:column; gap:1.5rem; margin-bottom:1.5rem; }
.masonry .grid .grid-item,
.masonry .grid.top .grid-item:first-child,
.masonry .grid.top .grid-item:last-child,
.masonry .grid:not(.top) .grid-item:first-child,
.masonry .grid:not(.top) .grid-item:last-child { flex:none; width:100%; }
.masonry .grid .grid-item { padding:1.75rem; }
.masonry .grid .grid-item .number { font-size:4rem; margin-bottom:3rem; }
.masonry .grid .grid-item h4 { margin:1.5rem 0 1rem; }
.masonry .grid .grid-item p { max-width:none; font-size:1.125rem; }
.masonry .grid .grid-item .icon { max-width:110px; max-height:80px; top:1.75rem; right:1.75rem; }
.masonry .grid.top .grid-item:first-child .icon,
.masonry .grid:not(.top) .grid-item:last-child .icon,
.masonry .grid.top .grid-item:last-child .icon,
.masonry .grid:not(.top) .grid-item:first-child .icon { max-width:140px; max-height:80px; top:1.75rem; right:1.75rem; }
}
@media (max-width:480px) {
.masonry .grid .grid-item { padding:1.5rem; }
.masonry .grid .grid-item .number { font-size:3.5rem; margin-bottom:2.5rem; }
.masonry .grid .grid-item .icon { opacity:0.35; max-width:100px; max-height:60px; }
} .client-logos { text-align:center; }
.client-logos.floating { padding-bottom:4.5rem; }
.client-logos .inner { padding:3.5rem 0; }
.client-logos.has-top-overlap .inner { padding-top:0; }
.client-logos.has-bottom-overlap .inner { padding-bottom:0; }
.client-logos.floating .inner { padding:5.6rem 0; border-radius:16px; }
.client-logos h2 { margin-bottom:1.5rem; }
.client-logos h2 .count-up { display:inline-block; font-variant-numeric:tabular-nums; }
.client-logos p { max-width:600px; margin:0 auto; font-size:1.5rem; line-height:1.5; margin-bottom:4rem; }
.client-logos .logo-carousel { overflow:hidden; width:100%; position:relative; }
.client-logos .logo-carousel .logo-track { display:flex; align-items:center; gap:5rem; width:max-content; animation:logo-scroll 30s linear infinite; }
@media (prefers-reduced-motion: reduce) {
.client-logos .logo-carousel .logo-track { animation:none; }
}
.client-logos .logo-carousel img { display:block; flex:0 0 auto; height:auto; max-height:80px; max-width:240px; }
.client-logos .logo-carousel::before,
.client-logos .logo-carousel::after { content:""; position:absolute; top:0; bottom:0; width:120px; z-index:2; pointer-events:none; }
.client-logos .logo-carousel::before { left:0; background:linear-gradient(to right, var(--color-secondary-mist), transparent); }
.client-logos .logo-carousel::after { right:0; background:linear-gradient(to left, var(--color-secondary-mist), transparent); }
@keyframes logo-scroll {
from { transform:translateX(0); }
to { transform:translateX(-50%); }
}
@media (max-width:1024px) {
.client-logos p { font-size:1.25rem; margin-bottom:3rem; }
.client-logos .logo-carousel .logo-track { gap:3.5rem; }
.client-logos .logo-carousel img { max-height:40px; }
.client-logos .logo-carousel::before,
.client-logos .logo-carousel::after { width:80px; }
}
@media (max-width:768px) {
.client-logos { padding:4rem 0; }
.client-logos h2 { margin-bottom:1.25rem; }
.client-logos p { font-size:1.125rem; margin-bottom:2.5rem; }
.client-logos .logo-carousel .logo-track { gap:2.5rem; animation-duration:25s; }
.client-logos .logo-carousel img { max-height:32px; }
.client-logos .logo-carousel::before,
.client-logos .logo-carousel::after { width:50px; }
}
@media (max-width:480px) {
.client-logos .logo-carousel .logo-track { gap:2rem; animation-duration:20s; }
.client-logos .logo-carousel img { max-height:28px; }
.client-logos .logo-carousel::before,
.client-logos .logo-carousel::after { width:30px; }
} .crm-finder { text-align:center; }
.crm-finder.floating { background:transparent; position:relative; z-index:2; margin-top:calc(var(--crm-finder-overlap, 0px) * -1); margin-bottom:calc(var(--crm-finder-overlap, 0px) * -1); }
.crm-finder .inner { padding:4.5rem 0; }
.crm-finder.floating .inner { border-radius:16px; padding:3.5rem 3.5rem; }
.crm-finder h2 { margin-bottom:3.5rem; }
.crm-finder h2.with-subtitle { margin-bottom:2rem; }
.crm-finder p { max-width:850px; margin:0 auto; font-size:1.5rem; line-height:1.5; margin-bottom:3.5rem; }
.crm-finder .crm-search { max-width:500px; margin:0 auto 5rem; display:flex; align-items:center; gap:0.75rem; background:var(--color-white); border-radius:16px; padding:0.5rem; }
.crm-finder .crm-search input { flex:1; min-width:0; border:0; background:transparent; font:inherit; color:var(--color-carbon); padding:0 1rem; outline:none; }
.crm-finder .crm-search input::placeholder { color:#999; opacity:1; }
.crm-finder .crm-search button { border:0; background:var(--color-primary-honey); color:var(--color-carbon); font:inherit; font-weight:600; padding:0.95rem 1.5rem; border-radius:10px; cursor:pointer; transition:background .15s ease; }
.crm-finder .crm-search button:hover,
.crm-finder .crm-search button:focus-visible { background:var(--color-primary-honey); }
.crm-finder .crm-search input:focus-visible { outline:none; }
.crm-finder .crm-search:focus-within { box-shadow:0 0 0 2px rgba(0,0,0,.08); }
.crm-result { max-width:760px; margin:-2rem auto 5rem; display:none; gap:1.5rem; align-items:flex-start; padding:2rem; border-radius:16px; text-align:left; }
.crm-result.supported { background:var(--color-primary-honey); color:var(--color-carbon); }
.crm-result.unsupported { background:var(--color-primary-honey); color:var(--color-carbon); }
.crm-result.is-visible { display:flex; }
.crm-result .result-icon { flex:0 0 48px; width:48px; height:48px; display:flex; align-items:center; justify-content:center; border-radius:999px; background:var(--color-carbon); color:var(--color-white); font-weight:700; }
.crm-result h4 { margin:0 0 0.75rem; }
.crm-result p { margin:0 0 1.5rem; line-height:1.5; font-size:1.125rem; }
.crm-result .actions { display:flex; gap:1rem; flex-wrap:wrap; }
.crm-result .button { display:inline-block; padding:0.75rem 1rem; border-radius:8px; font-weight:700; }
.crm-result .button.primary { background:var(--color-carbon); color:var(--color-white); }
.crm-result .button.secondary { background:var(--color-white); }
.crm-finder .crm-logos { margin:0 auto; }
.crm-finder .crm-logos .logo-grid { display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); width:100%; align-items:center; justify-items:center; column-gap:7rem; row-gap:3rem; }
.crm-finder .crm-logos .logo-grid img { filter:invert(1); display:block; max-height:37px; max-width:100%; width:auto; height:auto; object-fit:contain; }
.crm-result { display:none; opacity:0; transform:translateY(20px); }
.crm-result.is-visible { display:flex; animation:crm-slide-in 0.4s ease forwards; }
.crm-result.is-visible .result-icon { animation:crm-icon-bounce 0.65s cubic-bezier(.34,1.56,.64,1) 0.15s both; }
@keyframes crm-slide-in {
to { opacity:1; transform:translateY(0); }
}
@keyframes crm-icon-bounce {
0% { transform:scale(0.4) rotate(-12deg); opacity:0; }
60% { transform:scale(1.15) rotate(4deg); opacity:1; }
100% { transform:scale(1) rotate(0); opacity:1; }
}
@media (max-width:700px) {
.crm-finder .crm-logos .logo-grid { grid-template-columns:repeat(2, 1fr); gap:1.5rem; }
} .portals { text-align:center; }
.portals.floating { background:transparent; position:relative; z-index:2; margin-top:calc(var(--portals-overlap, 0px) * -1); margin-bottom:calc(var(--portals-overlap, 0px) * -1); }
.portals .inner { padding:4.5rem 0; }
.portals.floating .inner { border-radius:16px; padding:3.5rem 3.5rem; }
.portals h2 { margin-bottom:3.5rem; }
.portals h2.with-subtitle { margin-bottom:2rem; }
.portals p { max-width:850px; margin:0 auto; font-size:1.5rem; line-height:1.5; margin-bottom:3.5rem; }
.portals .portal-logos { max-width:1100px; margin:0 auto; }
.portals .portal-logos .logo-grid { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); width:100%; align-items:center; justify-items:center; column-gap:7rem; row-gap:3rem; }
.portals .portal-logos .logo-grid img { display:block; max-height:37px; max-width:100%; width:auto; height:auto; object-fit:contain; }
@media (max-width:700px) {
.portals .portal-logos .logo-grid { grid-template-columns:repeat(2, 1fr); gap:1.5rem; }
} .features-carousel { padding:3.75rem 0; }
.features-carousel .container { display:flex; gap:3rem; align-items:center; }
.features-carousel .left { flex:0 0 40%; }
.features-carousel .left h4 { margin-bottom:2rem; }
.features-carousel .left p { font-size:1.125em; margin-bottom:2rem; }
.features-carousel .left .button { display:inline-block; background:var(--color-primary-honey); padding:9px 14px; margin-bottom:1.5rem; }
.features-carousel .left .button:hover { background:var(--color-primary-honey-hover); }
.features-carousel .right { flex:1; min-width:0; }
.features-carousel .carousel { overflow:hidden; position:relative; padding-bottom:20px; }
.features-carousel .carousel-track { display:flex; transition:transform 0.4s cubic-bezier(.4,0,.2,1); }
.features-carousel .slide { position:relative; padding:2rem; flex:0 0 100%; width:100%; background:var(--color-primary-honey); height:530px; border-radius:16px; }
.features-carousel .slide .image { height:100%; display:flex; align-items:center; }
.features-carousel .slide img { display:block; max-width:100%; max-height:100%; object-fit:contain; }
.features-carousel .slide.active { display:block; }
.features-carousel .slide .overlay { width:240px; border-radius:12px; text-align:center; right:43px; bottom:-20px; background:var(--color-carbon); color:var(--color-white); padding:1.5rem; position:absolute; }
.features-carousel .slide .overlay .icon { margin-bottom:0.75rem; display:flex; align-items:center; justify-content:center; }
.features-carousel .slide .overlay h5 { margin-bottom:0.5rem; }
.features-carousel .slide .overlay p { font-size:0.875em; }
.features-carousel .carousel-pagination { margin-top:-10px; }
.features-carousel .carousel-pagination ul { display:flex; gap:1.1rem; margin:1.5rem 0 0; padding:0; list-style:none; }
.features-carousel .carousel-pagination button { cursor:pointer; border-radius:20px; border:0; display:flex; background:var(--color-secondary-slate); width:54px; height:9px; justify-content:center; text-decoration:none; }
.features-carousel .carousel-pagination li.active button { background:var(--color-carbon); }
@media (max-width:1024px) {
.features-carousel .container { gap:2rem; }
.features-carousel .left { flex:0 0 35%; }
.features-carousel .slide { height:460px; }
.features-carousel .slide .overlay { right:24px; }
}
@media (max-width:768px) {
.features-carousel { padding:4rem 0; }
.features-carousel .container { flex-direction:column; align-items:stretch; gap:2.5rem; }
.features-carousel .left { flex:none; width:100%; }
.features-carousel .left h4 { margin-bottom:1.5rem; }
.features-carousel .left p { font-size:1rem; }
.features-carousel .right { width:100%; }
.features-carousel .slide { height:auto; min-height:420px; padding:1.5rem; padding-bottom:10rem; }
.features-carousel .slide .image { height:260px; justify-content:center; }
.features-carousel .slide .overlay { left:1.5rem; right:1.5rem; bottom:1.5rem; width:auto; }
.features-carousel .carousel-pagination ul { justify-content:center; }
}
@media (max-width:480px) {
.features-carousel .slide { min-height:390px; padding:1.25rem; padding-bottom:11rem; }
.features-carousel .slide .image { height:220px; }
.features-carousel .slide .overlay { left:1.25rem; right:1.25rem; bottom:1.25rem; padding:1.25rem; }
.features-carousel .carousel-pagination button { width:42px; }
} .numbered-content-blocks { padding:5.5rem 0; text-align:center; background:var(--color-secondary-mist); }
.numbered-content-blocks h2 { margin-bottom:2rem; }
.numbered-content-blocks > div > div > p { max-width:760px; margin:0 auto 4rem; font-size:1.5rem; line-height:1.5; }
.numbered-content-blocks .grid { display:flex; gap:1.75rem; align-items:stretch; }
.numbered-content-blocks .grid .grid-item { flex:1; position:relative; display:flex; }
.numbered-content-blocks .grid .grid-item a { display:flex; flex-direction:column; width:100%; box-sizing:border-box; background:var(--color-carbon); color:var(--color-white); border-radius:16px; padding:2.5rem 2rem; text-decoration:none; }
.numbered-content-blocks .grid .grid-item a:hover { background:var(--color-carbon-hover); }
.numbered-content-blocks .grid .grid-item.active a { background:var(--color-primary-honey); color:var(--color-carbon); }
.numbered-content-blocks .grid .grid-item.active::after { content:""; position:absolute; left:50%; bottom:-17px; transform:translateX(-50%); width:0; height:0; border-left:18px solid transparent; border-right:18px solid transparent; border-top:18px solid var(--color-primary-honey); }
.numbered-content-blocks .grid .grid-item .number { font-family:"Mackinac"; font-size:5.5rem; line-height:1; font-weight:500; margin-bottom:0.75rem; }
.numbered-content-blocks .grid .grid-item h3 { margin-bottom:1rem; }
.numbered-content-blocks .grid .grid-item p { font-size:1.125rem; line-height:1.5; margin:0; }
@media (max-width:1024px) {
.numbered-content-blocks .intro { font-size:1.25rem; margin-bottom:3rem; }
.numbered-content-blocks .grid .grid-item { padding:2rem 1.5rem; }
.numbered-content-blocks .grid .grid-item .number { font-size:4.5rem; }
}
@media (max-width:768px) {
.numbered-content-blocks { padding:4rem 0; }
.numbered-content-blocks .intro { font-size:1.125rem; margin-bottom:2.5rem; }
.numbered-content-blocks .grid { flex-direction:column; gap:1.5rem; }
.numbered-content-blocks .grid .grid-item { padding:2rem; }
.numbered-content-blocks .grid .grid-item .number { font-size:4rem; }
.numbered-content-blocks .grid .grid-item p { font-size:1rem; }
}
.numbered-content-blocks .numbered-detail { margin-top:2rem; background:var(--color-primary-honey); border-radius:16px; padding:2.5rem; display:none; grid-template-columns:1fr 50%; gap:3rem; align-items:flex-start; text-align:left; opacity:0; transform:translateY(18px); }
.numbered-content-blocks .numbered-detail.is-visible { display:grid; animation:numbered-detail-in .35s cubic-bezier(.22,1,.36,1) forwards; }
.numbered-content-blocks .numbered-detail .detail-label { display:inline-block; margin-bottom:1rem; font-size:1rem; font-weight:700; }
.numbered-content-blocks .numbered-detail h3 { margin-bottom:1rem; }
.numbered-content-blocks .numbered-detail p { max-width:680px; font-size:1.25rem; line-height:1.5; margin-bottom:1.5rem; }
.numbered-content-blocks .numbered-detail ul { display:grid; grid-template-columns:repeat(3, 1fr); gap:1rem; list-style:none; padding:0; margin:0 0 2rem; }
.numbered-content-blocks .numbered-detail li { background:var(--color-secondary-mist); border-radius:10px; padding:1rem; font-weight:600; }
.numbered-content-blocks .numbered-detail .button { display:inline-block; background:var(--color-carbon); color:var(--color-primary-honey); padding:9px 14px; margin-right:0.5rem; }
.numbered-content-blocks .numbered-detail .detail-media { display:flex; justify-content:center; align-items:center; background:var(--color-secondary-sunlight); border-radius:16px; padding:2rem; }
@keyframes numbered-detail-in {
from {
opacity:0;
transform:translateY(20px);
}
to {
opacity:1;
transform:translateY(0);
}
}
@media (max-width:768px) {
.numbered-content-blocks .numbered-detail { grid-template-columns:1fr; padding:2rem; }
.numbered-content-blocks .numbered-detail ul { grid-template-columns:1fr; }
.numbered-content-blocks .numbered-detail .detail-media { display:none; }
} .faqs { background:var(--color-white); }
.faqs h2 { margin-bottom:2rem; text-align:center; }
.faqs h3 { margin-bottom:2rem; }
.faqs .inner { padding:0 0 4.5rem 0; }
.faqs.floating .inner { background:var(--color-white); border-radius:16px; padding:3.75rem; }
.faqs .faq-accordion { border-top:1px solid var(--color-secondary-mist); }
.faqs .faq-accordion .faq-item { border-bottom:1px solid var(--color-secondary-mist); }
.faqs .faq-accordion .faq-question { width:100%; display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1.25rem 0; border:0; background:none; color:inherit; font:inherit; text-align:left; cursor:pointer; }
.faqs .faq-accordion .faq-item button { font-size:1.25em; font-family:"Mackinac"; }
.faqs .faq-accordion .faq-icon { position:relative; width:18px; height:18px; flex:0 0 18px; }
.faqs .faq-accordion .faq-icon::before,
.faqs .faq-accordion .faq-icon::after { content:""; position:absolute; top:50%; left:50%; width:18px; height:2px; background:currentColor; transform:translate(-50%,-50%); transition:transform 0.2s ease, opacity 0.2s ease; }
.faqs .faq-accordion .faq-icon::after { transform:translate(-50%,-50%) rotate(90deg); }
.faqs .faq-accordion .faq-answer { display:none; padding:0 0 1.25rem; }
.faqs .faq-accordion .faq-answer p { margin:0; font-size:1.125rem; }
.faqs .faq-accordion .faq-answer a { text-decoration:underline; }
.faqs .faq-accordion .faq-item.is-open .faq-answer { display:block; }
.faqs .faq-accordion .faq-item.is-open .faq-icon::after { opacity:0; transform:translate(-50%,-50%) rotate(90deg) scale(0.5); }
.faqs.floating.overlap-next .inner { position:relative; z-index:2; }
.faqs.floating.overlap-next .inner { margin-bottom:calc(var(--faq-overlap, 0px) * -1); }
@media (max-width:700px) {
.faqs.floating .inner { padding:2rem; }
} .left-right-content { padding:5.625em 0; }
.left-right-content h2 { margin-bottom:3.5rem; text-align:center; }
.left-right-content .content-rows { display:flex; flex-direction:column; gap:4rem; }
.left-right-content .content-row { display:flex; align-items:center; gap:4rem; }
.left-right-content .content-row .content-icons { flex:0 0 45%; }
.left-right-content .content-icons .grid-item { display:grid; grid-template-columns:41px 1fr; column-gap:1rem; row-gap:0.75rem; align-items:start; }
.left-right-content .content-row .content-icons .icon { height:41px; display:flex; align-items:center; justify-content:center; grid-column:1; grid-row:1; }
.left-right-content .content-row .content-icons h4 { grid-column:2; grid-row:1; margin:0; line-height:1.4; align-self:center; }
.left-right-content .content-row .content-icons p { grid-column:2; grid-row:2; margin:0 0 2.25rem; font-size:1.25rem; }
.left-right-content .content-row .content-icons .button { margin-right:1rem; margin-bottom:0.5rem; display:inline-block; padding:9px 14px; background:var(--color-carbon); color:var(--color-white); }
.left-right-content .content-row .content-icons .button:hover { background:var(--color-carbon-hover); }
.left-right-content .content-row .content { flex:0 0 40%; }
.left-right-content .content-row .content h4 { margin-bottom:2.5rem; }
.left-right-content .content-row .content p { font-size:1.25rem; margin-bottom:1.6rem; }
.left-right-content .content-row .content .button { margin-right:1rem; margin-bottom:0.5rem; display:inline-block; padding:9px 14px; background:var(--color-carbon); color:var(--color-white); }
.left-right-content .content-row .content .button:hover { background:var(--color-carbon-hover); }
.left-right-content .content-row .image { flex:1; padding:2.5rem; min-height:150px; min-width:0; background:var(--color-secondary-sunlight); border-radius:16px; }
.left-right-content .content-row .image img { display:block; width:100%; height:auto; }
.left-right-content .content-row:nth-child(even) { flex-direction:row-reverse; }
@media (max-width:768px) {
.left-right-content .content-row,
.left-right-content .content-row:nth-child(even) { flex-direction:column; align-items:stretch; gap:2rem; }
.left-right-content .content-row .content,
.left-right-content .content-row .content-icons,
.left-right-content .content-row .image { flex:none; width:100%; }
} .review { background:transparent; text-align:left; }
.review.overlap-previous,
.review.overlap-next { position:relative; z-index:2; pointer-events:none; }
.review.overlap-previous { margin-top:calc(var(--review-overlap, 0px) * -1); }
.review.overlap-next { margin-bottom:calc(var(--review-overlap, 0px) * -1); }
.review .review-carousel-outer { pointer-events:auto; padding:5.625em 0; position:relative; z-index:1; background:var(--color-white); border-radius:12px; }
.review .review-carousel { overflow:hidden; width:70%; margin:0 auto; }
.review .review-carousel-track { display:flex; will-change:transform; transition:transform 0.45s ease; }
.review .review-carousel-item { flex:0 0 100%; display:flex; align-items:center; gap:3rem; padding:0 2px; }
.review .review-carousel-item .image { flex:0 0 21%; }
.review .review-carousel-item .image img { display:block; width:100%; height:auto; }
.review .review-carousel-item .review-contents { flex:1; }
.review .review-carousel-item .review-contents blockquote { margin:0; }
.review .review-carousel-item .review-contents p { font-size:1.675rem; margin-bottom:1em; }
.review .review-carousel-item .review-contents .reviewer { font-weight:500; font-size:1.25rem; }
.review .review-carousel-prev,
.review .review-carousel-next { position:absolute; top:50%; transform:translateY(-50%); z-index:2; }
.review .review-carousel-prev { left:54px; }
.review .review-carousel-next { right:54px; }
.review .review-carousel-prev button,
.review .review-carousel-next button { cursor:pointer; background:transparent; border:0; display:flex; align-items:center; justify-content:center; width:61px; height:61px; position:relative; color:#151515; text-decoration:none; transition:transform 0.15s ease; }
.review .review-carousel-prev button::after,
.review .review-carousel-next button::after { content:""; position:absolute; inset:0; background-repeat:no-repeat; background-position:center; background-size:contain; background-image:url("data:image/svg+xml,%3Csvg width='53' height='59' viewBox='0 0 53 59' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.4138 1.07161C24.889 -0.357454 27.9386 -0.357454 30.4138 1.07161L48.8276 11.7028C51.3028 13.1319 52.8276 15.7729 52.8276 18.631V39.8934C52.8276 42.7515 51.3028 45.3925 48.8276 46.8216L30.4138 57.4528C27.9386 58.8819 24.889 58.8819 22.4138 57.4528L4.00004 46.8216C1.52483 45.3925 4.3869e-05 42.7515 4.3869e-05 39.8934V18.631C4.3869e-05 15.7729 1.52484 13.1319 4.00004 11.7028L22.4138 1.07161Z' fill='%23FEEF4D'/%3E%3C/svg%3E"); z-index:0; }
.review .review-carousel-prev button::before,
.review .review-carousel-next button::before { content:""; position:relative; z-index:1; width:32px; height:32px; background-repeat:no-repeat; background-position:center; background-size:contain; }
.review .review-carousel-prev button::before { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='32' height='32' fill='none'%3E%3Cpath d='M19 11.0003C19.5523 11.0003 20 11.448 20 12.0003C19.9999 12.5525 19.5522 13.0003 19 13.0003H6.73926C7.25368 13.5738 7.94214 14.219 8.65527 14.8382C9.38771 15.4741 10.1236 16.064 10.6777 16.4964C10.9541 16.7121 11.5114 17.1389 11.6719 17.2601C12.0475 17.6002 12.1124 18.1762 11.8057 18.5931C11.4782 19.0376 10.8519 19.1331 10.4072 18.806C10.2396 18.6794 9.7332 18.2967 9.44727 18.0736C8.8764 17.6281 8.11218 17.0143 7.34473 16.348C6.58229 15.686 5.79396 14.9521 5.18848 14.2669C4.88684 13.9255 4.60882 13.5729 4.40137 13.2288C4.21045 12.9121 4.00003 12.4764 4 12.0003L4.00977 11.8236C4.05271 11.4173 4.23442 11.0498 4.40137 10.7728C4.60883 10.4286 4.88676 10.0752 5.18848 9.73371C5.79394 9.04848 6.58231 8.31463 7.34473 7.65266C8.11215 6.98634 8.87641 6.37257 9.44727 5.92707C9.73318 5.70394 10.2396 5.32126 10.4072 5.19465C10.8519 4.86751 11.4773 4.96303 11.8047 5.40754C12.1117 5.82448 12.0476 6.40031 11.6719 6.74055C11.6719 6.74055 11.4249 6.93096 11.3447 6.99152C11.1843 7.11273 10.9541 7.28853 10.6777 7.50422C10.1236 7.93665 9.3877 8.52649 8.65527 9.16242C7.94211 9.78164 7.25368 10.4268 6.73926 11.0003L19 11.0003Z' fill='currentColor'/%3E%3C/svg%3E"); }
.review .review-carousel-next button::before { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='32' height='32' fill='none'%3E%3Cpath d='M5 11.0003C4.44771 11.0003 4 11.448 4 12.0003C4.00007 12.5525 4.44776 13.0003 5 13.0003H17.2607C16.7463 13.5738 16.0579 14.219 15.3447 14.8382C14.6123 15.4741 13.8764 16.064 13.3223 16.4964C13.0459 16.7121 12.4886 17.1389 12.3281 17.2601C11.9525 17.6002 11.8876 18.1762 12.1943 18.5931C12.5218 19.0376 13.1481 19.1331 13.5928 18.806C13.7604 18.6794 14.2668 18.2967 14.5527 18.0736C15.1236 17.6281 15.8878 17.0143 16.6553 16.348C17.4177 15.686 18.206 14.9521 18.8115 14.2669C19.1132 13.9255 19.3912 13.5729 19.5986 13.2288C19.7896 12.9121 20 12.4764 20 12.0003L19.9902 11.8236C19.9473 11.4173 19.7656 11.0498 19.5986 10.7728C19.3912 10.4286 19.1132 10.0752 18.8115 9.73371C18.2061 9.04848 17.4177 8.31463 16.6553 7.65266C15.8878 6.98634 15.1236 6.37257 14.5527 5.92707C14.2668 5.70394 13.7604 5.32126 13.5928 5.19465C13.1481 4.86751 12.5227 4.96303 12.1953 5.40754C11.8883 5.82448 11.9524 6.40031 12.3281 6.74055C12.3281 6.74055 12.5751 6.93096 12.6553 6.99152C12.8157 7.11273 13.0459 7.28853 13.3223 7.50422C13.8764 7.93665 14.6123 8.52649 15.3447 9.16242C16.0579 9.78164 16.7463 10.4268 17.2607 11.0003L5 11.0003Z' fill='currentColor'/%3E%3C/svg%3E"); }
@media (max-width:1024px) {
.review .review-carousel { width:72%; }
.review .review-carousel-item { gap:2rem; }
.review .review-carousel-item .review-contents p { font-size:1.5rem; }
.review .review-carousel-item .review-contents .reviewer { font-size:1.25rem; }
.review .review-carousel-prev { left:24px; }
.review .review-carousel-next { right:24px; }
}
@media (max-width:768px) {
.review .review-carousel-outer { padding:3rem 1.5rem; }
.review .review-carousel { width:100%; }
.review .review-carousel-item { flex-direction:column; text-align:center; gap:2rem; }
.review .review-carousel-item .image { flex:none; width:120px; }
.review .review-carousel-item .review-contents p { font-size:1.25rem; }
.review .review-carousel-item .review-contents .reviewer { font-size:1.125rem; }
.review .review-carousel-prev,
.review .review-carousel-next { display:none; transform:none; margin-top:2rem; }
.review .review-carousel-prev { margin-right:0.5rem; }
.review .review-carousel-next { margin-left:0.5rem; }
.review .review-carousel-prev button,
.review .review-carousel-next button { width:52px; height:52px; }
} .top-section { padding:5rem 0; }
.top-section .inner { display:flex; justify-content:space-between; align-items:flex-start; gap:4rem; }
.top-section .left { flex:1; }
.top-section h1 {  }
.top-section .page-title { font-weight:700; margin-bottom:1.25rem; font-size:1.25rem; }
.top-section .right { flex:0 0 485px; max-width:485px; }
.top-section .right p { font-size:1.125rem; }
.top-section .right a { text-decoration:underline; }
@media (max-width:1024px) {
.top-section { padding:4rem 0; }
.top-section .inner { gap:3rem; }
.top-section .inner > div { flex:0 0 420px; max-width:420px; }
.top-section p { font-size:1rem; }
}
@media (max-width:768px) {
.top-section { padding:3rem 0; }
.top-section .inner { flex-direction:column; gap:2rem; }
.top-section h1 { flex:none; }
.top-section .inner > div { flex:none; width:100%; max-width:none; }
.top-section p { font-size:1rem; }
} .add-ons { padding:5rem 0; background:var(--color-secondary-mist); }
.add-ons .add-ons-filter { display:flex; flex-wrap:wrap; gap:1rem; margin:0 0 2rem; }
.add-ons .add-ons-filter button { min-height:46px; padding:0.65rem 1.75rem; color:var(--color-carbon); font:inherit; font-weight:500; line-height:1.2; cursor:pointer; background:transparent; border:1px solid currentColor; border-radius:8px; transition:color 180ms ease, background-color 180ms ease, border-color 180ms ease; }
.add-ons .add-ons-filter button:hover { background:rgb(0 0 0 / 6%); }
.add-ons .add-ons-filter button.active { color:#fff; background:var(--color-carbon, #111); border-color:var(--color-carbon, #111); }
.add-ons .add-ons-filter button:focus-visible { outline:4px solid var(--color-primary-honey, #ffd400); outline-offset:3px; }
.add-ons .add-ons-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:1.5rem; }
.add-ons .add-on-card { display:flex; min-width:0; flex-direction:column; overflow:hidden; color:var(--color-carbon, #111); text-decoration:none; background:#fff; border-radius:16px; transition:transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease; }
.add-ons .add-on-card[hidden] { display:none; }
.add-ons .add-on-card-image { position:relative;  background:var(--color-primary-honey, #ffd400); }
.add-ons .add-on-card-image img { display:block; width:100%; height:100%; object-fit:cover; transition:transform 250ms ease; }
.add-ons .add-on-card-content { flex:1; padding:1.5rem; background:#fff; }
.add-ons .add-on-card-title { margin:0 0 0.5rem; color:inherit; font-size:clamp(1.35rem, 2vw, 1.75rem); line-height:1.25; }
.add-ons .add-on-card-description { margin:0; color:#5d6270; font-size:1rem; line-height:1.5; }
.add-ons .add-on-card:focus { outline:none; }
.add-ons .add-on-card:focus-visible { border-color:var(--color-carbon, #111); outline:4px solid var(--color-primary-honey, #ffd400); outline-offset:4px; }
@media (hover:hover) {
.add-ons .add-on-card:hover { box-shadow:0 12px 30px rgb(0 0 0 / 10%); }
.add-ons .add-on-card:hover .add-on-card-image img { transform:scale(1.025); }
}
@media (max-width:900px) {
.add-ons .add-ons-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media (max-width:560px) {
.add-ons { padding:3rem 0; }
.add-ons .add-ons-filter { gap:0.625rem; margin-bottom:1.5rem; }
.add-ons .add-ons-filter button { min-height:44px; padding:0.55rem 1rem; font-size:0.875rem; }
.add-ons .add-ons-grid { grid-template-columns:1fr; }
.add-ons .add-on-card-content { padding:1.25rem; }
}
@media (prefers-reduced-motion:reduce) {
.add-ons .add-on-card,
.add-ons .add-on-card-image img { transition:none; }
.add-ons .add-on-card:hover,
.add-ons .add-on-card:hover .add-on-card-image img { transform:none; }
} .single-addon                                                   { background:var(--color-white); padding:70px 0; }
.single-addon .single-addon-columns                             { display:flex; gap:2rem; }
.single-addon .main                                             { flex:1 }
.single-addon .main .back                                       { margin-bottom:30px; }
.single-addon .main h1                                          { font-size:2.3em; }
.single-addon .main h4                                          { }
.single-addon .main a                                           { font-weight:600; }
.single-addon .full-width-content                               { padding:30px 0; }
.single-addon .full-width-content.no-padding-top                { padding-top:0; }
.single-addon .full-width-content .container                    { padding:0; }
.single-addon .callout                                          { padding:25px; }
.single-addon .callout p,
.single-addon .callout li                                       { font-size:0.8em; }
.single-addon .sidebar                                          { flex:0 0 370px; padding-top:140px; }
.single-addon .sidebar .button                                  { display:block; padding:9px 14px; margin-bottom:20px; text-align:center; background:var(--color-secondary-mist); color:inherit; }
.single-addon .sidebar .button:hover                            { }
.single-addon .sidebar .button.button-primary                   { background:var(--color-primary-honey); color:var(--color-carbon); }
.single-addon .sidebar .button.button-primary:hover             { background-color:var(--color-primary-honey-hover);  }
.single-addon .sidebar .panel                                   { border-radius:8px; background:var(--color-secondary-mist); padding:25px 28px; margin-top:25px; }
.single-addon .sidebar .panel h5 								{ margin-bottom:10px; }
.single-addon .sidebar .panel a                                 { text-decoration:underline; font-weight:600 }
.single-addon .sidebar .panel.purchase                          {  }
.single-addon .sidebar .panel.purchase .price                   { font-weight:600; font-size:1.1em; }
.single-addon .sidebar .panel.purchase .price em                { font-weight:300; }
.single-addon .sidebar .panel.purchase .buttons                 { margin-top:25px; }
.single-addon .sidebar .panel.purchase .buttons a.button        { border-radius:20px; display:block; margin-bottom:8px; }
.single-addon .sidebar .panel.purchase ul                       { font-size:0.85em; margin-top:25px; margin-left:23px; margin-bottom:30px; }
.single-addon .sidebar .panel.purchase ul li                    { padding:3px 0; }
.single-addon .sidebar .panel.support                           { background:#FFF; }
.single-addon .sidebar .panel.support .buttons a.button         { background:#E3E3E3; color:#222; border-radius:20px; display:block; margin-bottom:8px; }
.single-addon .sidebar .panel.details                           { }
.single-addon .sidebar .panel.details table                     { font-size:0.9em; border:0; width:100%; }
.single-addon .sidebar .panel.details table tbody               { border:0; background:transparent; }
.single-addon .sidebar .panel.details table tr                  { background:transparent; }
.single-addon .sidebar .panel.details table tr td               { padding-left:0; padding-right:0; vertical-align:top; }
.single-addon .sidebar .panel.details table tr td a             { font-weight:600; }
.single-addon .sidebar .panel.details table tr td:nth-child(1)  { font-weight:600; } .partners { padding:5rem 0; background:var(--color-secondary-mist); }
.partners .partners-grid { display:grid; grid-template-columns:repeat(6, minmax(0, 1fr)); gap:1.5rem; }
.partners .partner-card { display:flex; align-items:center; justify-content:center; min-width:0; aspect-ratio:4 / 3; padding:1.5rem; background:#fff; border:2px solid transparent; border-radius:12px; appearance:none; transition:border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease; }
.partners .partner-card img { display:block; width:100%; height:100%; max-width:220px; max-height:110px; object-fit:contain; }
.partners .partner-card:hover { }
.partners .partner-card:focus { outline:none; }
.partners .partner-card:focus-visible { border-color:var(--color-primary-black); outline:4px solid var(--color-primary-honey); outline-offset:4px; }
.partner-dialog { width:min(800px, calc(100% - 2rem)); max-height:calc(100vh - 2rem); padding:0; overflow:auto; color:var(--color-primary-black); background:#fff; border:0; border-radius:14px; box-shadow:0 24px 80px rgb(0 0 0 / 30%); }
.partner-dialog::backdrop { background:rgb(10 10 10 / 72%); }
.partner-dialog .partner-dialog-content { position:relative; padding:3.5rem; }
.partner-dialog .partner-dialog-close { position:absolute; top:1.25rem; right:1.25rem; display:flex; align-items:center; justify-content:center; width:48px; height:48px; padding:0; color:var(--color-primary-black); font-size:2.5rem; font-weight:300; line-height:1; cursor:pointer; background:transparent; border:0; border-radius:50%; }
.partner-dialog .partner-dialog-close:hover { background:rgb(0 0 0 / 7%); }
.partner-dialog .partner-dialog-close:focus { outline:none; }
.partner-dialog .partner-dialog-close:focus-visible { outline:4px solid var(--color-primary-honey); outline-offset:2px; }
.partner-dialog .partner-dialog-logo { display:block; width:auto; height:auto; max-width:250px; max-height:70px; margin:0 0 2rem; object-fit:contain; object-position:left center; }
.partner-dialog .partner-dialog-title { margin:0 0 1.5rem; padding-right:3rem; font-family:var(--font-family-heading, Georgia, serif); font-size:clamp(2rem, 5vw, 3.25rem); font-weight:600; line-height:1.05; }
.partner-dialog .partner-dialog-description { max-width:650px; font-size:1.0625rem; line-height:1.6; }
.partner-dialog .partner-dialog-description p { margin:0 0 1rem; }
.partner-dialog .partner-dialog-description p:last-child { margin-bottom:0; }
.partner-dialog .partner-dialog-links { display:flex; flex-wrap:wrap; align-items:center; gap:1rem; margin-top:2rem; }
.partner-dialog .partner-dialog-links a.button { background:var(--color-primary-honey); padding:9px 14px; display:inline-block; }
.partner-dialog .partner-dialog-links a.button:hover { background:var(--color-primary-honey-hover) }
body.dialog-open { overflow:hidden; }
@media (max-width:1000px) {
.partners .partners-grid { grid-template-columns:repeat(3, minmax(0, 1fr)); }
}
@media (max-width:760px) {
.partners .partners-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); }
.partners .partner-card { padding:2rem; }
.partner-dialog .partner-dialog-content { padding:3.5rem 2rem 2rem; }
}
@media (max-width:480px) {
.partners { padding:3rem 0; }
.partners .partners-grid { grid-template-columns:1fr; }
.partners .partner-card { aspect-ratio:3 / 2; }
.partner-dialog .partner-dialog-content { padding:4rem 1.5rem 1.5rem; }
.partner-dialog .partner-dialog-logo { max-width:190px; max-height:60px; margin-bottom:1.5rem; }
.partner-dialog .partner-dialog-links { align-items:flex-start; flex-direction:column; }
.partner-dialog .partner-dialog-links a.primary { width:100%; }
}
@media (prefers-reduced-motion:reduce) {
.partners .partner-card { transition:none; }
.partners .partner-card:hover { transform:none; }
} .blog-posts { padding-bottom:5rem; background:var(--color-carbon); }
.blog-posts .top-section { color:var(--color-white); }
.blog-posts .latest-post { margin-bottom:2rem; }
.blog-posts .latest-post article {  }
.blog-posts .latest-post article a { color:inherit; display:flex; align-items:stretch; justify-content:space-between; gap:1.75em; }
.blog-posts .latest-post .left { padding:1.75rem; background:var(--color-primary-honey); flex:1; border-radius:16px; }
.blog-posts .latest-post .left .date { width:110px; text-align:center; border-radius:6px; padding:5px 0; display:inline-block; margin-bottom:2rem; font-size:0.75rem; border:1px solid var(--color-carbon); }
.blog-posts .latest-post .left h3 { line-height:1.3; margin-bottom:1rem; }
.blog-posts .latest-post .left p { font-size:1.25rem; margin-bottom:3rem; }
.blog-posts .latest-post .right { flex:2; border-radius:16px; overflow:hidden; }
.blog-posts .latest-post .right img { width:100%; height:100%; object-fit:cover; }
.blog-posts .post-grid { display:flex; gap:1.75em; flex-wrap:wrap; align-items:stretch; }
.blog-posts .post-grid .post-grid-item { flex:0 0 calc((100% - 3.5rem) / 3); margin-bottom:0.5rem; }
.blog-posts .post-grid .post-grid-item article { height:100%; }
.blog-posts .post-grid .post-grid-item article a { display:flex; flex-direction:column; height:100%; display:block; color:inherit; background:var(--color-white); border-radius:16px; padding:1.75rem; }
.blog-posts .post-grid .post-grid-item .image { margin-bottom:2rem; aspect-ratio:4 / 3; border-radius:16px; overflow:hidden; }
.blog-posts .post-grid .post-grid-item .image img { width:100%; height:100%; object-fit:cover; }
.blog-posts .post-grid .post-grid-item .details { display:flex; flex-direction:column; flex:1; }
.blog-posts .post-grid .post-grid-item .details .date { width:110px; text-align:center; border-radius:6px; padding:5px 0; display:inline-block; margin-bottom:1.75rem; font-size:0.75rem; border:1px solid var(--color-carbon); }
.blog-posts .post-grid .post-grid-item .details h4 { line-height:1.3; margin-bottom:1.5rem; }
.blog-posts .post-grid .post-grid-item .details .read-more { text-decoration:underline; font-weight:600; }
.blog-posts .wp-pagenavi { font-size:1.5rem; color:#FFF; text-align:center; padding-top:30px; }
.blog-posts .wp-pagenavi span,
.blog-posts .wp-pagenavi a { color:var(--color-secondary-slate); display:inline-block; padding:5px 8px; }
.blog-posts .wp-pagenavi span.current { font-weight:700; color:var(--color-white) }
@media (max-width:1024px) {
.blog-posts .latest-post .left p { font-size:1.125rem; }
.blog-posts .post-grid .post-grid-item { flex:0 0 calc((100% - 1.75rem) / 2); }
}
@media (max-width:768px) {
.blog-posts { padding-bottom:4rem; }
.blog-posts .latest-post article a { flex-direction:column; }
.blog-posts .latest-post .left { order:2; }
.blog-posts .latest-post .left p { font-size:1.125rem; margin-bottom:2rem; }
.blog-posts .latest-post .right { order:1; aspect-ratio:4 / 3; }
.blog-posts .post-grid { gap:1.5rem; }
.blog-posts .post-grid .post-grid-item { flex:0 0 100%; margin-bottom:0; }
.blog-posts .post-grid .post-grid-item .image { margin-bottom:1.5rem; }
.blog-posts .post-grid .post-grid-item .details h4 { margin-bottom:1rem; }
}
@media (max-width:480px) {
.blog-posts .latest-post .left { padding:1.5rem; }
.blog-posts .post-grid .post-grid-item article a { padding:1.5rem; }
} .single-post-contents { padding:4rem; }
.single-post-contents > div > h1 { max-width:900px; line-height:1.3; margin-bottom:3.5rem; font-size:3.125em; }
.single-post-contents .gallery { margin-bottom:3.5rem; display:grid; align-items:stretch; grid-template-columns:2fr 1fr; gap:1.5rem; }
.single-post-contents .gallery .stack { display:grid; gap:1.5rem; grid-template-rows:1fr 1fr; }
.single-post-contents .gallery .image { aspect-ratio:4 / 3; border-radius:16px; overflow:hidden; }
.single-post-contents .gallery .image-1 { aspect-ratio:auto; height:100%; }
.single-post-contents .gallery .image img { width:100%; height:100%; object-fit:cover; }
.single-post-contents .contents { max-width:1100px; margin:0 auto; display:flex; gap:3rem; align-items:justify-content; flex-direction:row-reverse; }
.single-post-contents .contents .left { flex:0 0 335px; }
.single-post-contents .contents .right { flex:1; }
.single-post-contents .contents .right #ez-toc-container { display:none; }
.single-post-contents .contents .right h1,
.single-post-contents .contents .right h2,
.single-post-contents .contents .right h3,
.single-post-contents .contents .right h4,
.single-post-contents .contents .right h5,
.single-post-contents .contents .right h6 { margin-top:1.75rem; margin-bottom:1.4rem; line-height:1.3; }
.single-post-contents .contents .right p { margin-bottom:1rem; }
.single-post-contents .contents .right a { text-decoration:underline; }
.single-post-contents .contents .right .button { display:inline-block; text-decoration:none; background:var(--color-primary-honey); padding:9px 14px; }
.single-post-contents .contents .right .button:hover { background:var(--color-primary-honey-hover); }
.single-post-contents .contents .right ul,
.single-post-contents .contents .right ol { margin-left:1.5rem; margin-bottom:1.5rem; }
.single-post-contents .contents .right img { border-radius:16px; }
.single-post-contents .contents .right figure { width:auto !important; }
.single-post-contents .contents .right figure figcaption { opacity:0.5; padding-top:10px; font-size:0.875rem; margin-left:1.5rem; }
#ez-toc-container.ez-toc-white { border:0; padding:0; }
#ez-toc-container { position:sticky !important; top:40px; box-shadow:none !important; -webkit-box-shadow:none !important; }
div#ez-toc-container .ez-toc-title { font-weight:600 !important; display:block !important; font-size:1.25rem !important; margin-bottom:1rem; }
div#ez-toc-container ul li { padding:0.35rem; }
div#ez-toc-container ul li,
div#ez-toc-container ul li a { font-size:1.125rem !important; }
div#ez-toc-container nav { border-left:4px solid var(--color-secondary-mist); padding-left:1.5rem; }
#ez-toc-container a:visited { color:inherit !important; } .developer-directory { padding:4rem; background:var(--color-secondary-sunlight); }
.developer-directory .developer-grid { display:flex; gap:1.75em; flex-wrap:wrap; align-items:stretch; }
.developer-directory .developer-grid .developer-grid-item { flex:0 0 calc((100% - 3.5rem) / 3); margin-bottom:0.5rem; }
.developer-directory .developer-grid .developer-grid-item a { display:flex; flex-direction:column; height:100%; display:block; color:inherit; background:var(--color-white); border-radius:16px; padding:1.75rem; }
.developer-directory .developer-grid .developer-grid-item .image { display:flex; justify-content: center; align-items:center; margin-bottom:2rem; aspect-ratio:4 / 2; border-radius:16px; overflow:hidden; }
.developer-directory .developer-grid .developer-grid-item .image img { max-height:100%; }
.developer-directory .developer-grid .developer-grid-item .details { display:flex; flex-direction:column; flex:1; }
.developer-directory .developer-grid .developer-grid-item .details h4 { line-height:1.3; margin-bottom:1.5rem; }
.developer-directory .developer-grid .developer-grid-item .details .location { margin-bottom:15px; font-size:0.8em; }
.developer-directory .developer-grid .developer-grid-item .details .services { margin-bottom:10px; }
.developer-directory .developer-grid .developer-grid-item .details .services .service { display:inline-block; margin-right:8px; margin-bottom:5px; font-size:12px; border-radius:10px; background:var(--color-secondary-mist); padding:3px 12px; }
.developer-directory .developer-grid .developer-grid-item .details .description { font-size:0.85em; }
@media (max-width:1024px) {
.developer-directory .developer-grid .developer-grid-item { flex:0 0 calc((100% - 1.75rem) / 2); }
}
@media (max-width:768px) {
.developer-directory { padding-bottom:4rem; }
.developer-directory .developer-grid { gap:1.5rem; }
.developer-directory .developer-grid .developer-grid-item { flex:0 0 100%; margin-bottom:0; }
.developer-directory .developer-grid .developer-grid-item .image { margin-bottom:1.5rem; }
.developer-directory .developer-grid .developer-grid-item .details h4 { margin-bottom:1rem; }
}
@media (max-width:480px) {
.developer-directory .developer-grid .developer-grid-item a { padding:1.5rem; }
}
.developer-popup {  }
.developer-popup .popup-top { border-bottom:1px solid #CCC; margin-bottom:30px; padding-bottom:30px; }
.developer-popup .popup-top .popup-top-left { float:left; width:40%; }
.developer-popup .popup-top .popup-top-left .image { margin-bottom:30px; }
.developer-popup .popup-top .popup-top-left img { display:block; max-height:100px; }
.developer-popup .popup-top .popup-top-left h5 { margin-bottom:5px; }
.developer-popup .popup-top .popup-top-left .location { margin-bottom:15px; font-weight:500; text-transform:uppercase; font-size:0.8em; opacity:0.7; }
.developer-popup .popup-top .popup-top-left .services { margin-bottom:10px; }
.developer-popup .popup-top .popup-top-left .services .service { display:inline-block; margin-right:8px; margin-bottom:5px; font-size:12px; border-radius:10px; background:#EEE; padding:3px 12px; }
.developer-popup .popup-top .popup-top-right { float:right; width:50%; }
.developer-popup .popup-top .popup-top-right .description { font-size:0.85em; color:#777; }
.developer-popup .popup-top .popup-top-right .description p { margin-bottom:1.3em; }
.developer-popup .popup-top .popup-top-right .description p:last-child { margin-bottom:0; }
.developer-popup .popup-bottom { margin-bottom:35px; }
.developer-popup .popup-bottom h5 { margin-bottom:20px; }
.developer-popup .popup-bottom .example-websites { text-align:center; }
.developer-popup .popup-bottom .example-websites .website { float:left; width:30%; margin-right:5%; font-size:0.9em; font-weight:600; }
.developer-popup .popup-bottom .example-websites .website:nth-child(3) { margin-right:0; }
.developer-popup .popup-bottom .example-websites .website img { display:block; }
.developer-popup .popup-bottom .example-websites .website a { display:block; margin-bottom:10px; }
.developer-popup .popup-bottom .example-websites .website a:hover { box-shadow:0 0 15px rgb(0 0 0 / 50%); }
.developer-popup .button { display:inline-block; padding:0.75rem 1rem; margin-bottom:2rem; font-weight:700; background:var(--color-primary-honey); border-radius:8px; }
@media (max-width:768px) {
.developer-popup .popup-top .popup-top-left { float:none; width:100%; margin-bottom:25px; }
.developer-popup .popup-top .popup-top-right { float:none; width:100%; }
.developer-popup .popup-bottom h5 { font-size:0.9em; }
.developer-popup .developer-directory-link { font-size:0.9em; }
} .standalone-selling-points { background:var(--color-primary-honey); text-align:center; padding:4rem 0 4rem; font-size:1.875rem; }
.standalone-selling-points .container { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:0.75rem 2rem; }
.standalone-selling-points .separator { opacity:0.35; }
@media (max-width:1100px) {
.standalone-selling-points { padding:3rem 0 4rem; font-size:1.35rem; }
.standalone-selling-points .container { flex-direction:column; gap:1rem; }
.standalone-selling-points .separator { display:none; }
} .pricing-table { padding:4rem 0; background:var(--color-secondary-sunlight); }
.pricing-table .pricing-tabs { display:flex; justify-content:center; gap:2rem; margin-bottom:3rem; }
.pricing-table .pricing-tabs button { position:relative; min-width:225px; padding:1.1rem 1.5rem; color:var(--color-carbon); font-family:"Mackinac"; font-size:1.25rem; line-height:inherit; text-align:center; cursor:pointer; background:var(--color-white); border:0; border-radius:8px; appearance:none; }
.pricing-table .pricing-tabs button:hover { background:rgba(255,255,255,.75); }
.pricing-table .pricing-tabs button.active { background:var(--color-primary-honey); }
.pricing-table .pricing-tabs button:not(.active):hover { background:rgba(255,255,255,.75); }
.pricing-table .pricing-tabs button.active::after { content:""; position:absolute; left:50%; bottom:-17px; width:0; height:0; border-top:18px solid var(--color-primary-honey); border-right:18px solid transparent; border-left:18px solid transparent; transform:translateX(-50%); }
.pricing-table .pricing-tabs button:focus { outline:none; }
.pricing-table .pricing-tabs button:focus-visible { outline:3px solid var(--color-carbon); outline-offset:4px; }
.pricing-table .pricing-cards { display:grid; grid-template-columns:repeat(3, 1fr); gap:1.75rem; }
.pricing-table .pricing-cards[hidden] { display:none; }
.pricing-table .pricing-card { display:flex; flex-direction:column; padding:2rem; background:var(--color-white); border-radius:16px; }
.pricing-table .pricing-card.featured { background:var(--color-primary-honey); }
.pricing-table .pricing-card h3 { margin-bottom:2rem; }
.pricing-table .pricing-card hr { width:100%; margin:0 0 2rem; border:0; border-top:1px solid rgba(21,21,21,.2); }
.pricing-table .pricing-card .price { font-family:"Mackinac"; font-size:4.5rem; line-height:1; white-space:nowrap; }
.pricing-table .pricing-card .price span { margin-right:0.25rem; font-size:2rem; }
.pricing-table .pricing-card .price small { font-family:inherit; font-size:0.875rem; }
.pricing-table .pricing-card .billing { margin:1rem 0 1.5rem; font-family:"Mackinac"; font-size:1.25rem; }
.pricing-table .pricing-card .purchase-options {
display:flex;
align-items:center;
gap:10px;
margin-bottom:2rem;
}
.pricing-table .pricing-card .button { display:inline-block; padding:0.75rem 1rem; font-weight:700; background:var(--color-primary-honey); border-radius:8px; }
.pricing-table .pricing-card.featured .button { color:var(--color-white); background:var(--color-carbon); }
.pricing-table .pricing-card .or-buy-now { display:inline-block; margin-left:0px; }
.pricing-table .pricing-card .or-buy-now a { text-decoration:underline; }
.pricing-table .pricing-card ul { margin:auto 0 0; padding:0; list-style:none; }
.pricing-table .pricing-card li { position:relative; padding-left:2rem; margin-bottom:0.65rem; font-size:1rem; }
.pricing-table .pricing-card li::before { content:"●"; position:absolute; top:0; left:0; }
.pricing-table .pricing-note { max-width:880px; margin:4rem auto 0; font-size:1.125rem; line-height:1.5; text-align:center; }
@media (max-width:1100px) {
.pricing-table .pricing-card .price { font-size:3rem; }
}
@media (max-width:900px) {
.pricing-table .pricing-tabs { flex-direction:column; gap:1rem; }
.pricing-table .pricing-tabs button { min-width:0; }
.pricing-table .pricing-tabs button.active::after { display:none; }
.pricing-table .pricing-cards { grid-template-columns:1fr; }
.pricing-table .pricing-card .price { font-size:4rem; }
}
.pricing-comparison-table { background:var(--color-white); padding:4rem 0; }
.pricing-comparison-table .container { max-width:1100px }
.pricing-comparison-table__header { max-width:760px; margin:0 auto 4rem; text-align:center; }
.pricing-comparison-table__header h2 { margin:0 0 1rem; }
.pricing-comparison-table__header > p:last-child { max-width:620px; margin:0 auto; font-size:1.125rem; line-height:1.6; }
.pricing-comparison-table__scroll { overflow-x:auto; border:1px solid rgba(0, 0, 0, 0.12); border-radius:16px; background:var(--color-secondary-mist); scrollbar-color:var(--color-primary-honey) var(--color-carbon); }
.pricing-comparison-table__scroll:focus-visible { outline:3px solid var(--color-primary-honey); outline-offset:5px; }
.pricing-comparison-table table { width:100%; min-width:900px; border-collapse:separate; border-spacing:0; table-layout:fixed; color:var(--color-carbon); }
.pricing-comparison-table__features-column { width:43%; }
.pricing-comparison-table__plan-column { width:19%; }
.pricing-comparison-table th,
.pricing-comparison-table td { border-right:1px solid rgba(0, 0, 0, 0.12); border-bottom:1px solid rgba(0, 0, 0, 0.12); }
.pricing-comparison-table tr > *:last-child { border-right:0; }
.pricing-comparison-table tbody tr:last-child > * { border-bottom:0; } .pricing-comparison-table thead th { padding:0; background:var(--color-secondary-mist); text-align:center; vertical-align:top; }
.pricing-comparison-table thead th:first-child { background:var(--color-secondary-mist); }
.pricing-comparison-table thead th.is-featured,
.pricing-comparison-table tbody td.is-featured { background:rgba(254, 239, 77, 0.06); }
.pricing-comparison-table__plan { position:relative; display:flex; padding:3rem 1.5rem 1.75rem; flex-direction:column; align-items:center; justify-content:flex-end; }
.pricing-comparison-table__plan-name { font-family:"Mackinac"; font-weight:500; display:block; margin-bottom:0.75rem; font-size:1.5rem;  }
.pricing-comparison-table__badge { position:absolute; top:0; left:50%; padding:0.5rem 1rem; border-radius:0 0 10px 10px; background:var(--color-primary-honey); color:var(--color-carbon); font-size:0.75rem; font-weight:700; text-transform:uppercase; transform:translateX(-50%); white-space:nowrap; }
.pricing-comparison-table__button { display:inline-flex; min-height:44px; padding:0.75rem 1rem; align-items:center; justify-content:center; border-radius:8px; background:var(--color-carbon); color:var(--color-white); font-size:0.875rem; font-weight:700; line-height:1; text-decoration:none; transition:background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease; }
.is-featured .pricing-comparison-table__button { color:var(--color-carbon); background:var(--color-primary-honey); }
.pricing-comparison-table__button:hover { background:var(--color-carbon-hover); }
.pricing-comparison-table__button:focus-visible { outline:3px solid var(--color-primary-honey); outline-offset:3px; } .pricing-comparison-table__section th { font-family:"Mackinac"; font-weight:500; padding:1rem 2rem 1rem; background:#E7E7E7; color:var(--color-carbon); font-size:1.5rem; text-align:left; }
.pricing-comparison-table__section:not(:first-child) th { padding-top:1rem; border-top:1px solid rgba(0, 0, 0, 0.12); } .pricing-comparison-table tbody th[scope="row"] { padding:1rem 2rem; background:var(--color-secondary-mist); color:var(--color-carbon); font-size:1rem; font-weight:500; line-height:1.4; text-align:left; vertical-align:middle; }
.pricing-comparison-table tbody td { padding:1rem 1.25rem; background:var(--color-secondary-mist); color:var(--color-secondary-slate); font-size:0.875rem; line-height:1.45; text-align:center; vertical-align:middle; }
.pricing-comparison-table__feature-name { display:block; }
.pricing-comparison-table__description { display:block; max-width:480px; margin-top:0.3rem; color:var(--color-carbon); opacity:0.5; font-size:0.8rem; font-weight:400; line-height:1.45; }
.pricing-comparison-table__check { display:inline-flex; width:26px; height:26px; align-items:center; justify-content:center; border-radius:50%; background:var(--color-carbon); color:var(--color-primary-honey); font-size:1rem; font-weight:700; line-height:1; }
.pricing-comparison-table__dash { color:var(--color-secondary-slate); font-size:1.25rem; }
.pricing-comparison-table__value { color:var(--color-carbon); opacity:0.5; }
.pricing-comparison-table .disclaimer { text-align:center; color:var(--color-carbon); opacity:0.5; margin-top:25px; }
@media (max-width:1024px) {
.pricing-comparison-table { padding:5rem 0; }
.pricing-comparison-table__header { margin-bottom:3rem; }
.pricing-comparison-table tbody th[scope="row"],
.pricing-comparison-table__section th { padding-left:1.5rem; padding-right:1.5rem; }
}
@media (max-width:768px) {
.pricing-comparison-table { padding:4rem 0; }
.pricing-comparison-table__header { margin-bottom:2.5rem; }
.pricing-comparison-table__header h2 { font-size:clamp(2.25rem, 12vw, 3.25rem); }
.pricing-comparison-table__scroll { border-radius:12px; }
.pricing-comparison-table table { min-width:780px; }
.pricing-comparison-table__features-column { width:40%; }
.pricing-comparison-table__plan-column { width:20%; }
.pricing-comparison-table__plan { min-height:205px; padding-inline:1rem; }
.pricing-comparison-table__plan-price { font-size:2rem; }
.pricing-comparison-table__button { font-size:0.8rem; }
.pricing-comparison-table tbody th[scope="row"] { padding:0.9rem 1.25rem; }
.pricing-comparison-table tbody td { padding:0.9rem 0.75rem; }
} .about-us { padding:0 0 4.5rem 0; }
.about-us .mosaic-grid { display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; }
.about-us .mosaic-card { border-radius:16px; }
.about-us .mosaic-card.text { background:var(--color-secondary-sunlight); padding:2rem; border:0; }
.about-us .mosaic-card.text h2 { margin:0 0 1.5rem; }
.about-us .mosaic-card.text h3 { margin:0 0 1.5rem; }
.about-us .mosaic-card.text p { font-size:1.2rem; margin:0 0 1rem; line-height:1.5; }
.about-us .mosaic-card.text p:last-child { margin-bottom:0; }
.about-us .mosaic-card.image { background:transparent no-repeat center center; background-size:cover; padding-bottom:66.6%; }
.about-us .mosaic-card.wide { min-height:320px; }
.about-us .mosaic-stack { display:grid; gap:1.5rem; }
.about-us .mosaic-stack .mosaic-card { min-height:150px; }
.about-us .mosaic-card.wide-short { min-height:190px; }
@media (max-width:768px) {
.about-us .mosaic-grid { grid-template-columns:1fr; }
.about-us .mosaic-card.empty { min-height:220px; }
.about-us .mosaic-card.wide-short {
order:2;
}
.about-us .mosaic-card.text.small {
order:1;
}
} .support-cards { padding:4rem 0; }
.support-cards .grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:1.5rem; }
.support-cards .support-card { background:var(--color-secondary-mist); border-radius:12px; padding:2rem; }
.support-cards .support-card.featured { background:var(--color-primary-honey); }
.support-cards .support-card .icon { width:100px; height:100px; display:flex; align-items:center; justify-content:center; margin-bottom:2rem; }
.support-cards .support-card h3 { margin:0 0 1.5rem; }
.support-cards .support-card p { margin:0 0 1.5rem; font-size:1.125rem; line-height:1.5; }
.support-cards .support-card a { font-weight:700; text-decoration:underline; }
.contact-section { background:var(--color-secondary-sunlight); padding:4rem 0; }
.contact-section .container { display:grid; grid-template-columns:1fr 1.1fr; gap:6rem; align-items:start; }
.contact-section h3 { margin:0 0 2rem; }
.contact-section .left p { max-width:430px; font-size:1rem; line-height:1.5; }
.contact-section .login-note { margin:0 0 2rem; }
.contact-section .login-note a { text-decoration:underline; }
.contact-section .contact-form { display:flex; flex-direction:column; gap:1.5rem; }
.contact-section input,
.contact-section select,
.contact-section textarea { width:100%; border:0; border-radius:8px; background:var(--color-white); padding:1rem; font:inherit; color:var(--color-carbon); }
.contact-section textarea { min-height:280px; resize:vertical; }
.contact-section input::placeholder,
.contact-section textarea::placeholder { color:#C8C8C8; opacity:1; }
.contact-section button { align-self:flex-start; border:0; border-radius:8px; background:var(--color-primary-honey); color:var(--color-carbon); padding:0.8rem 1rem; font:inherit; font-weight:700; cursor:pointer; }
.contact-section button:hover { background:var(--color-primary-honey-hover); }
@media (max-width:768px) {
.support-cards .grid { grid-template-columns:1fr; }
}
@media (max-width:768px) {
.contact-section .container { grid-template-columns:1fr; gap:3rem; }
} .content-page { padding:4.5rem; }
.content-page .container { display:grid; grid-template-columns:1fr 4fr; gap:6rem; align-items:start; }
.content-page.full-width .container { display:block; }
.content-page .left {  }
.content-page .left h1 {  }
.content-page .right {  } .footer-cta { background:var(--color-primary-honey); padding:5.6rem 0; text-align:center; border-bottom-left-radius:16px; border-bottom-right-radius:16px; }
.footer-cta .container { max-width:830px; }
.footer-cta h2 { margin-bottom:1.5rem; }
.footer-cta p { font-size:1.25rem; line-height:1.5; margin-bottom:2.5rem; }
.footer-cta .button { display:inline-block; padding:9px 14px; background:var(--color-carbon); color:var(--color-white); }
.footer-cta .button:hover { background:var(--color-carbon-hover); }  .support-tickets                                                {  }
.support-tickets .create-ticket-form                            { background:#f8f8f8; padding:30px 40px; }
.support-tickets .create-ticket-form .form-left                 { float:left; width:65% }
.support-tickets .create-ticket-form form p                     { margin-bottom:1.2em }
.support-tickets .create-ticket-form form select                { margin-bottom:0 }
.support-tickets .create-ticket-form .form-suggestions          { float:right; width:30% }
.support-tickets .create-ticket-form .form-suggestions h5       { margin-bottom:20px; }
.support-tickets .create-ticket-form .form-suggestions ul       { list-style-type:none; margin:0; padding:0; }
.support-tickets .create-ticket-form .form-suggestions ul li    { padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #CCC }
.support-tickets .create-ticket-form .form-suggestions ul li a  { display:block; }
.support-tickets .create-ticket-form .form-suggestions ul li .preview { font-size:0.8em; color:#777 }
.support-tickets .create-ticket-form label                      { font-weight:500; margin-bottom:4px; }
.support-tickets .create-ticket-form .required                  { color:red }
.support-tickets .create-ticket-form textarea                   { height:200px }
.support-tickets .create-ticket-form
.support-tickets table                                          {  }
.support-tickets tbody tr:nth-child(even)                       { background-color:#f6f6f6 }
.support-tickets table th                                       { text-align:left; white-space:nowrap; }
.support-tickets table th,
.support-tickets table td                                       { padding:10px; font-size:0.9em }
.support-tickets table td .status-active                        { display:inline-block; padding:5px 15px; border-radius:5px; border:1px solid #8fae1b; color:#8fae1b }
.support-tickets table td .status-closed                        { display:inline-block; padding:5px 15px; border-radius:5px; border:1px solid #8250df; color:#8250df }
.support-tickets .ticket-details                                { background:#f8f8f8; padding:30px 40px; margin-bottom:30px; display:flex; flex-wrap:wrap; width:100%; }
.support-tickets .ticket-details > div                          { width:25% }
.support-tickets .threads                                       { margin-bottom:40px; }
.support-tickets .threads h5                                    { margin-bottom:20px; }
.support-tickets .threads .reply                                { border:1px solid #DDD; padding:30px 30px; margin-bottom:20px; }
.support-tickets .threads .recipients-date                      { margin-bottom:20px; }
.support-tickets .threads .recipients-date .recipients          { float:left }
.support-tickets .threads .recipients-date .recipients .avatar  { display:inline-block; vertical-align:middle; padding-top:10px; font-size:18px; letter-spacing:1px; font-weight:500; margin-right:8px; height:46px; width:46px; border-radius:23px; text-align:center; color:#FFF; }
.support-tickets .threads .recipients-date .recipients .avatar.ph { padding-top:0 }
.support-tickets .threads .recipients-date .recipients .avatar img { max-height:100% }
.support-tickets .threads .recipients-date .recipients .names   { display:inline-block; vertical-align:middle; }
.support-tickets .threads .recipients-date .recipients .name    { font-weight:600; margin-bottom:2px; font-size:1.1em }
.support-tickets .threads .recipients-date .recipients .to      { font-size:14px; color:#666 }
.support-tickets .threads .recipients-date .recipients .cc      { font-size:14px; color:#666 }
.support-tickets .threads .recipients-date .date                { float:right; color:#666; font-size:14px; }
.support-tickets .threads .reply p:last-child                   { margin-bottom:0 }
.support-tickets .threads .attachments                          {  }
.support-tickets .threads .attachments a                        { display:inline-block; margin-right:5px; margin-bottom:5px; padding:5px 10px; border:1px solid #CCC } .woocommerce { padding:50px 0 }
.woocommerce-order p a { font-weight:700 }
.checkout-coupon-toggle .show-coupon { font-weight:500; }
.wc_payment_method.payment_method_paypal { display:none }
.woocommerce-checkout-payment { margin-top:20px; }
.woocommerce-cart .woocommerce { padding-top:30px; }
.woocommerce-checkout h3 { margin-bottom:17px; }
.woocommerce-checkout .woocommerce { padding-top:30px; } .woocommerce-checkout .woocommerce-input-wrapper input[type="radio"] {
display: block !important;
}
.woocommerce-checkout .woocommerce-input-wrapper input[type="radio"] + label {
display: inline-block !important;
margin-bottom: 0.5em;
}
.woocommerce form .form-row select { padding-right:0 }
.woocommerce-checkout .woocommerce-input-wrapper .required { display:none }
.woocommerce-checkout .optional { display:none }
.woocommerce-checkout #payment div.form-row { padding:0 !important }
.woocommerce-checkout #payment div.form-row.place-order { padding:15px 20px 20px !important; }
.woocommerce-page #payment #place_order { float:none }
.woocommerce-checkout .woocommerce-privacy-policy-text { font-size:0.8em; }
.woocommerce-checkout .woocommerce-privacy-policy-text p { margin-bottom:0; color:#666 }
.woocommerce-terms-and-conditions-wrapper { margin-bottom:10px; }
.woocommerce-checkout .woocommerce-terms-and-conditions-checkbox-text { }
.woocommerce-checkout .woocommerce-terms-and-conditions-checkbox-text a { color:#1e85be }
.woocommerce-checkout .place-order button.button { float:none; display:block; text-align:center; width:100%; padding:1em }
.woocommerce-checkout .checkout-benefits { background:#f6f5f8; border-top:3px solid #8fae1b; padding:1em 2em 1em 1.5em; color:#515151; margin:0 0 24px }
.woocommerce-checkout .checkout-benefits ul { list-style-type:none; margin:0; padding:0; font-size:0.95em }
.woocommerce-checkout .checkout-benefits ul li { display:block; margin:5px 0 }
.woocommerce-checkout .checkout-benefits ul li i { font-style:normal; width:16px; height:24px; display:inline-block; vertical-align:middle; margin-right:10px; position:relative; }
.woocommerce-checkout .checkout-benefits ul li i::before { position:absolute; width:16px; height:24px; top:-1px; left:0; font-family:"WooCommerce"; content:"\e015"; color: #8fae1b;  }
.woocommerce-checkout .after-seven-days { border-radius:5px; border:1px solid rgba(0,0,0,.1); background:#f6f5f8; padding:1em 2em 1em 1.5em; color:#515151; margin:0 0 24px }
.woocommerce-checkout .after-seven-days h6 { color:#0a0a0a; margin-bottom:10px; }
.woocommerce-checkout .after-seven-days p { margin-bottom:5px; font-size:0.95em }
.woocommerce-checkout .after-seven-days p:last-child { margin-bottom:0 }
.woocommerce-order-received .woocommerce { }
.woocommerce-order-received .woocommerce-order h2,
.woocommerce-order-received .woocommerce-order h3 { font-size:1.5rem; }
.woocommerce-order-received .order-again { display:none }
.woocommerce-order-received .order-print { display:none }
.woocommerce-MyAccount-navigation-link--edit-address { display:none; }
.woocommerce-MyAccount-navigation-link--dashboard { display:none; }
.woocommerce-MyAccount-navigation-link.is-active { font-weight:700; }
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt { background:var(--color-primary-honey) !important; color:var(--color-carbon) !important; }
.woocommerce #product-1186 form.cart, .woocommerce #product-5824 form.cart { display: inline; float: right;}
.woocommerce-cart .cart-contents { float:left; width:55%; }
.woocommerce-cart .cart-collaterals { float:right; width:41% !important; }
.woocommerce .cart-collaterals .cart_totals, 
.woocommerce-page .cart-collaterals .cart_totals { width:100% !important; }
.woocommerce-page .cart-collaterals .cart_totals h2 { display:none; }
.woocommerce-cart table.cart td.actions .coupon label { display:none }
.woocommerce-cart table.cart td.actions .coupon .input-text { width:150px !important; }
.woocommerce-account .woocommerce-MyAccount-navigation {
width: 20%;
}
.woocommerce-account .woocommerce-MyAccount-content {
display: inline-block;
float: left;
margin-left: 5%;
width: 75%;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
padding: 0;
border-top: 1px solid #eee;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
list-style: none;
border-bottom: 1px solid #eee;
padding-bottom: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a:before {
opacity: 1;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
padding: 10px 5px;
display: block;
} .woocommerce-MyAccount-navigation ul li a::before {
content:"";
display:inline-block;
width:20px;
height:20px;
margin-right:10px;
vertical-align:-3px;
background-color:currentColor;
mask-repeat:no-repeat;
mask-position:center;
mask-size:contain;
-webkit-mask-repeat:no-repeat;
-webkit-mask-position:center;
-webkit-mask-size:contain;
transition:margin-right 0.15s ease-in;
}
.woocommerce-MyAccount-navigation ul li a:hover::before {
margin-right:15px;
}
.woocommerce-MyAccount-navigation-link--orders a::before {
mask-image:url(//wp-property-hive.com/wp-content/themes/propertyhive-2026/images/wc-account-icons/orders.svg);
-webkit-mask-image:url(//wp-property-hive.com/wp-content/themes/propertyhive-2026/images/wc-account-icons/orders.svg);
}
.woocommerce-MyAccount-navigation-link--subscriptions a::before {
mask-image:url(//wp-property-hive.com/wp-content/themes/propertyhive-2026/images/wc-account-icons/subscriptions.svg);
-webkit-mask-image:url(//wp-property-hive.com/wp-content/themes/propertyhive-2026/images/wc-account-icons/subscriptions.svg);
}
.woocommerce-MyAccount-navigation-link--api-keys a::before {
mask-image:url(//wp-property-hive.com/wp-content/themes/propertyhive-2026/images/wc-account-icons/key.svg);
-webkit-mask-image:url(//wp-property-hive.com/wp-content/themes/propertyhive-2026/images/wc-account-icons/key.svg);
}
.woocommerce-MyAccount-navigation-link--downloads a::before {
mask-image:url(//wp-property-hive.com/wp-content/themes/propertyhive-2026/images/wc-account-icons/download.svg);
-webkit-mask-image:url(//wp-property-hive.com/wp-content/themes/propertyhive-2026/images/wc-account-icons/download.svg);
}
.woocommerce-MyAccount-navigation-link--payment-methods a::before {
mask-image:url(//wp-property-hive.com/wp-content/themes/propertyhive-2026/images/wc-account-icons/credit-card.svg);
-webkit-mask-image:url(//wp-property-hive.com/wp-content/themes/propertyhive-2026/images/wc-account-icons/credit-card.svg);
}
.woocommerce-MyAccount-navigation-link--edit-account a::before {
mask-image:url(//wp-property-hive.com/wp-content/themes/propertyhive-2026/images/wc-account-icons/user.svg);
-webkit-mask-image:url(//wp-property-hive.com/wp-content/themes/propertyhive-2026/images/wc-account-icons/user.svg);
}
.woocommerce-MyAccount-navigation-link--tickets a::before {
mask-image:url(//wp-property-hive.com/wp-content/themes/propertyhive-2026/images/wc-account-icons/ticket.svg);
-webkit-mask-image:url(//wp-property-hive.com/wp-content/themes/propertyhive-2026/images/wc-account-icons/ticket.svg);
}
.woocommerce-MyAccount-navigation-link--customer-logout a::before {
mask-image:url(//wp-property-hive.com/wp-content/themes/propertyhive-2026/images/wc-account-icons/logout.svg);
-webkit-mask-image:url(//wp-property-hive.com/wp-content/themes/propertyhive-2026/images/wc-account-icons/logout.svg);
}
.woocommerce-MyAccount-navigation-link--payment-methods { border-top:1px solid #eee; margin-top:35px; } .woocommerce-checkout header .icons,
.woocommerce-checkout footer { display:none }
.woocommerce-checkout header .site-nav { visibility:hidden !important; }
.woocommerce-checkout.woocommerce-order-received header .icons,
.woocommerce-checkout.woocommerce-order-received header nav,
.woocommerce-checkout.woocommerce-order-received footer { display:block; visibility:visible !important; }
.woocommerce-checkout.woocommerce-order-received .top-section { display:none }
.wcs-switch-link { margin-left:10px !important; }
.woocommerce .thank-you {  }
.woocommerce .thank-you .heading-section { text-align:center; }
.woocommerce .thank-you .heading-section svg { margin:auto; }
.woocommerce form.login { margin:0 auto; max-width:600px; padding:30px 40px; border:0; background:#f8f8f8; }
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme { padding-top:6px; }
@supports (animation: grow .5s cubic-bezier(.25, .25, .25, 1) forwards) {
.woocommerce .thank-you .heading-section .tick {
stroke-opacity: 0;
stroke-dasharray: 29px;
stroke-dashoffset: 29px;
animation: draw .5s cubic-bezier(.25, .25, .25, 1) forwards;
animation-delay: 1.6s
}
.woocommerce .thank-you .heading-section .circle {
fill-opacity: 0;
stroke: #219a00;
stroke-width: 16px;
transform-origin: center;
transform: scale(0);
animation: grow 1s cubic-bezier(.25, .25, .25, 1.25) forwards;
animation-delay: 1s;
}   
}
@keyframes grow {
60% {
transform: scale(.8);
stroke-width: 4px;
fill-opacity: 0;
}
100% {
transform: scale(.9);
stroke-width: 8px;
fill-opacity: 1;
fill: #219a00;
}
}
@keyframes draw {
0%, 100% { stroke-opacity: 1; }
100% { stroke-dashoffset: 0; }
}
.woocommerce .thank-you .heading-section h1 { margin-bottom:5px; }
.woocommerce .thank-you .heading-section h2 { margin-bottom:40px; font-size:2rem }
.woocommerce .thank-you .next-steps { background:#f8f8f8; padding:30px 40px; text-align:center; margin-bottom:40px; }
.woocommerce .thank-you .next-steps h3 { margin-bottom:25px; font-size:1.7rem }
.woocommerce .thank-you .next-steps .license-key { font-family: 'Courier New', Courier, 'Lucida Console', Monaco, monospace; position:relative; margin-bottom:40px; font-size:20px; background:#EEE; border:1px solid #CCC; padding:13px; }
.woocommerce .thank-you .next-steps .license-key a { font-family:"Figtree", sans-serif; text-decoration:none; font-size:13px; white-space:nowrap; position:absolute; top:17px; right:15px; }
.woocommerce .thank-you .next-steps .license-key img { width:24px; height:24px; display:inline-block; vertical-align:middle; margin-left:3px; }
.woocommerce .thank-you .next-steps .license-key a .copied img { }
.woocommerce .thank-you .next-steps .license-key .not-copied {  }
.woocommerce .thank-you .next-steps .license-key .copied { display:none }
.woocommerce .thank-you .next-steps .activate-steps { display:flex; flex-wrap:wrap; gap:30px; width:100%; box-sizing:border-box; text-align:left; }
.woocommerce .thank-you .next-steps .activate-steps .activate-step { width: calc(25% - 22.5px); font-size:14px; }
.woocommerce .thank-you .next-steps .activate-steps .activate-step img { border:1px solid #CCC; margin-bottom:14px; display:block; box-shadow:0 4px 5px rgba(0, 0, 0, 0.3); }
.woocommerce .thank-you .next-steps .activate-steps .activate-step p { margin-bottom:0 }
.woocommerce .thank-you .useful-resources { margin-bottom:50px; display:flex; flex-wrap:wrap; gap:30px; width:100%; box-sizing:border-box; text-align:left; }
.woocommerce .thank-you .useful-resources .resource { border-radius:8px; width:calc(33% - 16px); font-size:14px; color:#FFF; }
.woocommerce .thank-you .useful-resources .resource a { text-decoration:none; position:relative; display:block; height:100%; padding:22px 22px 70px; color:#FFF; }
.woocommerce .thank-you .useful-resources .resource h5 { margin-bottom:12px; }
.woocommerce .thank-you .useful-resources .resource h5 i { font-size:0.8em; margin-left:5px; transition:all 0.15s ease-in }
.woocommerce .thank-you .useful-resources .resource a:hover h5 i { margin-left:12px; }
.woocommerce .thank-you .useful-resources .resource p { margin-bottom:10px; font-size:0.95em }
.woocommerce .thank-you .useful-resources .resource.support { background:#151515 }
.woocommerce .thank-you .useful-resources .resource.support a { padding-right:120px; }
.woocommerce .thank-you .useful-resources .resource.support .steve { white-space:nowrap; position:absolute; bottom:0; right:5px; }
.woocommerce .thank-you .useful-resources .resource.support .steve > img { display:inline-block; }
.woocommerce .thank-you .useful-resources .resource.support .steve .name-title { margin-right:5px; padding-bottom:10px; line-height:1.2em; text-align:right; display:inline-block; vertical-align:bottom; }
.woocommerce .thank-you .useful-resources .resource.support .steve .name-title img { margin-bottom:2px; }
.woocommerce .thank-you .useful-resources .resource.support .steve .name-title .name { font-size:13px; font-weight:500; }
.woocommerce .thank-you .useful-resources .resource.support .steve .name-title .job-title { font-size:12px; }
.woocommerce .thank-you .useful-resources .resource.documentation { background:#151515 }
.woocommerce .thank-you .useful-resources .resource.account { background:#151515 }
@media(max-width:1274px) {
.woocommerce .thank-you .useful-resources { gap:0 }
.woocommerce .thank-you .useful-resources .resource { width:100%; margin-bottom:20px; }
}
@media(max-width:1024px) {
.woocommerce .thank-you .next-steps .activate-steps .activate-step { width:calc(50% - 22.5px) }
}
@media(min-width:768px) {
.woocommerce .col2-set .col-1, 
.woocommerce-page .col2-set .col-1 {
width: 90%;
}
#customer_details {
display: flex;
flex-flow: column nowrap;
float: left;
width: 50%;
}
#customer_details .col-2 {
width: 90%;
margin-top: 20px;
}
#order_review,
#order_review_heading {
width: 50%;
float: left;
clear: none;
}
} .not-found-page { background:var(--color-primary-honey); padding:6rem 0; }
.not-found-page .not-found-inner { display:flex; align-items:center; justify-content:space-between; gap:5rem; }
.not-found-page .content { max-width:620px; }
.not-found-page h1 { margin-bottom:1.5rem; }
.not-found-page p { font-size:1.25rem; line-height:1.5; margin-bottom:2rem; max-width:560px; }
.not-found-page .actions { display:flex; flex-wrap:wrap; gap:1rem; }
.not-found-page .button { display:inline-block; padding:9px 14px; border-radius:6px; font-weight:600; }
.not-found-page .button.primary { background:var(--color-carbon); color:var(--color-primary-honey); }
.not-found-page .button.primary:hover { background:var(--color-carbon-hover); }
.not-found-page .button.secondary { background:var(--color-white); color:var(--color-carbon); }
.not-found-page .button.secondary:hover { background:var(--color-white-hover); }
.not-found-page .illustration { flex:0 0 300px; display:flex; justify-content:center; }
.not-found-page .hexagon { width:260px; height:300px; background:var(--color-carbon); color:var(--color-primary-honey); clip-path:polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); display:flex; align-items:center; justify-content:center; }
.not-found-page .hexagon span { font-family:"Mackinac"; font-size:10rem; line-height:1; }
.not-found-links { padding:5rem 0; background:var(--color-white); }
.not-found-links h2 { text-align:center; margin-bottom:3rem; }
.not-found-links .grid { display:flex; gap:1.875rem; align-items:stretch; }
.not-found-links .grid-item { flex:1; display:block; background:var(--color-secondary-mist); color:var(--color-carbon); padding:2rem; border-radius:16px; }
.not-found-links .grid-item:hover { background:var(--color-primary-honey); }
.not-found-links .grid-item h4 { margin-bottom:1rem; }
.not-found-links .grid-item p { font-size:1.125rem; line-height:1.5; }
@media (max-width:768px) {
.not-found-page { padding:4rem 0; }
.not-found-page .not-found-inner { flex-direction:column; align-items:flex-start; gap:3rem; }
.not-found-page p { font-size:1.125rem; }
.not-found-page .illustration { flex:none; width:100%; }
.not-found-page .hexagon { width:190px; height:220px; }
.not-found-page .hexagon span { font-size:7rem; }
.not-found-links { padding:4rem 0; }
.not-found-links .grid { flex-direction:column; }
} footer { color:var(--color-white); padding:2rem 0; }
footer a { color:var(--color-white); }
footer .footer-top { display:flex; align-items:flex-start; gap:2rem; }
footer .footer-top .logo { padding-top:10px; flex:0 0 50%; }
footer .footer-top .logo img { max-width:248px; height:auto; display:block; }
footer .footer-top .connect { flex:0 0 25%; }
footer .footer-top .connect h5 { margin-bottom:1rem; }
footer .footer-top .connect ul { display:flex; gap:12px; align-items:center; list-style-type:none; margin:0; padding:0; }
footer .footer-top .connect ul li { height:27px; }
footer .footer-top .negotiator { flex:0 0 230px; }
footer .footer-top .negotiator img { width:100%; height:auto; display:block; }
footer .footer-bottom { display:flex; align-items:flex-start; padding-top:4rem; padding-bottom:3.5rem; }
footer .footer-bottom .link-column { flex:1 1 50%; }
footer .footer-bottom .link-column h5 { margin-bottom:1rem; }
footer .footer-bottom .link-column ul { list-style-type:none; font-size:0.875rem; }
footer .footer-bottom .link-column ul li { padding:0.5rem 0; }
footer .footer-bottom .link-column ul li a {  }
footer .footer-copyright { font-size:0.75em; }
@media (max-width:1024px) {
footer .footer-top { flex-wrap:wrap; }
footer .footer-top .logo { flex:0 0 100%; }
footer .footer-top .connect { flex:1; }
footer .footer-top .negotiator { flex:0 0 200px; }
footer .footer-bottom { flex-wrap:wrap; row-gap:2rem; }
footer .footer-bottom .link-column { flex:0 0 50%; }
}
@media (max-width:768px) {
footer { padding:3rem 0; text-align:center; }
footer .footer-top { flex-direction:column; align-items:center; gap:2.5rem; }
footer .footer-top .logo,
footer .footer-top .connect,
footer .footer-top .negotiator { flex:none; width:100%; max-width:320px; }
footer .footer-top .logo img,
footer .footer-top .negotiator img { margin:0 auto; }
footer .footer-top .connect ul { justify-content:center; }
footer .footer-bottom { flex-direction:column; gap:2.5rem; padding-top:3rem; padding-bottom:3rem; }
footer .footer-bottom .link-column { flex:none; width:100%; }
footer .footer-bottom .link-column ul { padding:0; }
footer .footer-copyright { text-align:center; }
} .alignnone { margin:5px 20px 20px 0; }
.aligncenter,
div.aligncenter { display:block; margin:5px auto 5px auto; }
.alignright { float:right; margin:5px 0 20px 20px; }
.alignleft { float:left; margin:5px 20px 20px 0; }
a img.alignright { float:right; margin:5px 0 20px 20px; }
a img.alignnone { margin:5px 20px 20px 0; }
a img.alignleft { float:left; margin:5px 20px 20px 0; }
a img.aligncenter { display:block; margin-left:auto; margin-right:auto; }input[type="checkbox"].cmplz-category { width: initial; -webkit-appearance: checkbox;}input[type="checkbox"].cmplz-category:checked::before { content: '';}.cmplz-cookiebanner { box-sizing: border-box;}:root { --cmplz_banner_width: 526px; --cmplz_banner_background_color: #ffffff; --cmplz_banner_border_color: #f2f2f2; --cmplz_banner_border_width: 0px 0px 0px 0px ; --cmplz_banner_border_radius: 12px 12px 12px 12px; --cmplz_banner_margin: 10px; --cmplz_categories-height: 216px; --cmplz_title_font_size: 15px; --cmplz_text_line_height: calc(var(--cmplz_text_font_size) * 1.5); --cmplz_text_color: #222222; --cmplz_hyperlink_color: #1E73BE; --cmplz_text_font_size: 12px; --cmplz_link_font_size: 12px; --cmplz_category_body_font_size: 12px; --cmplz_button_accept_background_color: #1E73BE; --cmplz_button_accept_border_color: #1E73BE; --cmplz_button_accept_text_color: #ffffff; --cmplz_button_deny_background_color: #f9f9f9; --cmplz_button_deny_border_color: #f2f2f2; --cmplz_button_deny_text_color: #222222; --cmplz_button_settings_background_color: #f9f9f9; --cmplz_button_settings_border_color: #f2f2f2; --cmplz_button_settings_text_color: #333333; --cmplz_button_border_radius: 6px 6px 6px 6px; --cmplz_button_font_size: 15px; --cmplz_category_header_always_active_color: green; --cmplz_category_header_title_font_size: 14px; --cmplz_category_header_active_font_size: 12px; --cmplz-manage-consent-height: 50px; --cmplz-manage-consent-offset: -35px; --cmplz_slider_active_color: #1e73be; --cmplz_slider_inactive_color: #F56E28; --cmplz_slider_bullet_color: #ffffff;}body.cmplz-banner-active *:not(.cmplz-cookiebanner):not(.cmplz-cookiebanner *) { pointer-events: none !important; user-select: none !important;}.cmplz-cookiebanner * { pointer-events: auto !important; user-select: auto !important;}#cmplz-manage-consent .cmplz-manage-consent { margin: unset; z-index: 9998; color: var(--cmplz_text_color); background-color: var(--cmplz_banner_background_color); border-style: solid; border-color: var(--cmplz_banner_border_color); border-width: var(--cmplz_banner_border_width); border-radius: var(--cmplz_banner_border_radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; line-height: initial; position: fixed; bottom: var(--cmplz-manage-consent-offset); min-width: 100px; height: var(--cmplz-manage-consent-height); right: 40px; padding: 15px; cursor: pointer; animation: mc_slideOut 0.5s forwards;}#cmplz-manage-consent .cmplz-manage-consent:active { outline: none; border: none;}#cmplz-manage-consent .cmplz-manage-consent.cmplz-dismissed { display: none;}#cmplz-manage-consent .cmplz-manage-consent:hover,#cmplz-manage-consent .cmplz-manage-consent:focus { animation: mc_slideIn 0.5s forwards; animation-delay: 0;}@-webkit-keyframes mc_slideIn { 100% { bottom: 0; }}@keyframes mc_slideIn { 100% { bottom: 0; }}@-webkit-keyframes mc_slideOut { 100% { bottom: var(--cmplz-manage-consent-offset); }}@keyframes mc_slideOut { 100% { bottom: var(--cmplz-manage-consent-offset); }}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-header .cmplz-title { display: none; }}.cmplz-cookiebanner { max-height: calc(100vh - 20px); overflow-y: auto; position: fixed; height: auto; left: 50%; top: 50%; -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); grid-template-rows: minmax(0, 1fr); z-index: 99999; background: var(--cmplz_banner_background_color);}.cmplz-cookiebanner a { transition: initial;}.cmplz-cookiebanner .cmplz-buttons a.cmplz-btn.tcf { display: none;}.cmplz-cookiebanner.cmplz-dismissed { display: none;}.cmplz-cookiebanner .cmplz-body { width: 100%; grid-column: span 3; overflow-y: auto; overflow-x: hidden; max-height: 55vh;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar-track { border-radius: 10px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0); background-color: transparent;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar { width: 5px; background-color: transparent;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar-thumb { background-color: var(--cmplz_button_accept_background_color); border-radius: 10px;}@media (min-width: 350px) { .cmplz-cookiebanner .cmplz-body { min-width: 300px; }}@media (max-height: 400px) { .cmplz-cookiebanner { height: calc(100vh - 20px); display: flex; flex-direction: column; overflow: hidden; gap: 1px; grid-row-gap: 1px; padding: 7px 12px !important; zoom: 0.6; } .cmplz-cookiebanner .cmplz-body { flex: 1; min-height: 0; overflow-y: auto; max-height: none; margin-top: 15px !important; } .cmplz-cookiebanner .cmplz-header, .cmplz-cookiebanner .cmplz-divider, .cmplz-cookiebanner .cmplz-links, .cmplz-cookiebanner .cmplz-buttons, .cmplz-cookiebanner .cmplz-documents { flex-shrink: 0; } .cmplz-cookiebanner .cmplz-header { margin-bottom: 15px !important; max-height: 10px; } .cmplz-close { zoom: 0.6 !important; } .cmplz-cookiebanner .cmplz-buttons { gap: 1px !important; } .cmplz-cookiebanner .cmplz-buttons .cmplz-btn { height: 15vh !important; min-height: unset !important; padding: 0 !important; white-space: nowrap !important; font-size: 1.1rem !important; line-height: 14px !important; zoom: 0.5 !important; } .cmplz-cookiebanner .cmplz-documents, .cmplz-cookiebanner .cmplz-information { zoom: 0.5 !important; }}@media (max-height: 400px) and (max-width: 768px) { .cmplz-cookiebanner { gap: 1px; }}.cmplz-cookiebanner { border-style: solid; border-color: var(--cmplz_banner_border_color); border-width: var(--cmplz_banner_border_width); border-radius: var(--cmplz_banner_border_radius); padding: 15px 20px; display: grid; grid-gap: 10px;}.cmplz-cookiebanner .cmplz-divider { margin-left: -20px; margin-right: -20px;}.cmplz-cookiebanner .cmplz-header { grid-template-columns: 100px 1fr 100px; align-items: center; display: grid; grid-column: span 3;}@media (max-width: 399px) { .cmplz-cookiebanner .cmplz-header { grid-template-columns: auto 1fr auto; }}.cmplz-cookiebanner .cmplz-logo svg { max-height: 35px; width: inherit;}.cmplz-cookiebanner .cmplz-logo img { max-height: 40px; width: inherit;}.cmplz-cookiebanner .cmplz-title { justify-self: center; grid-column-start: 2; font-size: var(--cmplz_title_font_size); color: var(--cmplz_text_color); font-weight: 500;}.cmplz-cookiebanner .cmplz-close { line-height: 20px; justify-self: end; grid-column-start: 3; font-size: 20px; cursor: pointer; width: 20px; height: 20px; color: var(--cmplz_text_color);}.cmplz-cookiebanner .cmplz-close svg { width: 20px; height: 20px;}.cmplz-cookiebanner .cmplz-close:hover { text-decoration: none; line-height: initial; font-size: 18px;}.cmplz-cookiebanner .cmplz-message { word-wrap: break-word; font-size: var(--cmplz_text_font_size); line-height: var(--cmplz_text_line_height); color: var(--cmplz_text_color); margin-bottom: 5px;}.cmplz-cookiebanner .cmplz-message a { color: var(--cmplz_hyperlink_color);}.cmplz-cookiebanner .cmplz-message,.cmplz-cookiebanner .cmplz-categories,.cmplz-cookiebanner .cmplz-links,.cmplz-cookiebanner .cmplz-buttons,.cmplz-cookiebanner .cmplz-divider { grid-column: span 3;}.cmplz-cookiebanner .cmplz-categories.cmplz-tcf .cmplz-category .cmplz-category-header { grid-template-columns: 1fr auto;}.cmplz-cookiebanner .cmplz-categories .cmplz-category { background-color: rgba(239, 239, 239, 0.5);}.cmplz-cookiebanner .cmplz-categories .cmplz-category:not(:last-child) { margin-bottom: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header { display: grid; grid-template-columns: 1fr auto 15px; grid-template-rows: minmax(0, 1fr); align-items: center; grid-gap: 10px; padding: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title { font-weight: 500; grid-column-start: 1; justify-self: start; font-size: var(--cmplz_category_header_title_font_size); color: var(--cmplz_text_color); margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active { font-size: var(--cmplz_category_header_active_font_size); font-weight: 500; color: var(--cmplz_category_header_always_active_color);}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active label { display: none;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-banner-checkbox { display: flex; align-items: center; margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-banner-checkbox input[data-category=cmplz_functional] { display: none;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-toggle { background: none; border: none; padding: 0; margin: 0; cursor: pointer; grid-column-start: 3; display: flex; align-items: center; justify-content: center; color: inherit;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-icon.cmplz-open { cursor: pointer; content: ''; transform: rotate(0deg); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; background-size: cover; height: 18px; width: 18px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-description { font-size: var(--cmplz_category_body_font_size); color: var(--cmplz_text_color); margin: 0; max-width: 100%; padding: 10px;}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-category .cmplz-category-header { grid-template-columns: 1fr!important; }}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-message { margin-right: 5px; }}.cmplz-cookiebanner .cmplz-buttons { display: flex; gap: var(--cmplz_banner_margin);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn { min-height: 45px; padding: 10px; margin: initial; width: 100%; white-space: nowrap; border-radius: var(--cmplz_button_border_radius); cursor: pointer; font-size: var(--cmplz_button_font_size); font-weight: 500; text-decoration: none; line-height: 20px; text-align: center; flex: initial;}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn:hover { text-decoration: none;}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept { background-color: var(--cmplz_button_accept_background_color); border: 1px solid var(--cmplz_button_accept_border_color); color: var(--cmplz_button_accept_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny { background-color: var(--cmplz_button_deny_background_color); border: 1px solid var(--cmplz_button_deny_border_color); color: var(--cmplz_button_deny_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-manage-options { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons a.cmplz-btn { display: flex; align-items: center; justify-content: center; padding: initial;}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-links.cmplz-information { display: initial; text-align: center; }}.cmplz-cookiebanner .cmplz-links { display: flex; gap: var(--cmplz_banner_margin);}.cmplz-cookiebanner .cmplz-links.cmplz-information { justify-content: space-between;}.cmplz-cookiebanner .cmplz-links.cmplz-documents { justify-content: center;}.cmplz-cookiebanner .cmplz-links .cmplz-link { color: var(--cmplz_hyperlink_color); font-size: var(--cmplz_link_font_size); text-decoration: underline; margin: 0;}.cmplz-cookiebanner .cmplz-links .cmplz-link.cmplz-read-more-purposes { display: none;}.cmplz-cookiebanner .cmplz-links ul { margin: 0; padding: 0; list-style: none; display: flex; gap: var(--cmplz_banner_margin); justify-content: center;}.cmplz-categories .cmplz-category .cmplz-description-statistics-anonymous { display: none;}.cmplz-categories .cmplz-category .cmplz-description-statistics { display: block;}.cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-toggle { background: none; border: none; padding: 0; margin: 0; cursor: pointer; grid-column-start: 3; display: flex; align-items: center; justify-content: center; color: inherit;}.cmplz-categories .cmplz-category .cmplz-category-toggle[aria-expanded="true"] .cmplz-icon.cmplz-open { transform: rotate(180deg);}.cmplz-cookiebanner { top: initial; left: initial; right: 10px; bottom: 10px; transform: initial;}@media (min-width: 768px) { .cmplz-cookiebanner { min-width: var(--cmplz_banner_width); max-width: 100%; display: grid; grid-row-gap: 10px; }}@media (max-width: 768px) { .cmplz-cookiebanner { left: initial; right: initial; bottom: 0; width: 100%; } .cmplz-cookiebanner .cmplz-buttons { flex-direction: column; }}@media (min-width: 768px) { .cmplz-message, .cmplz-categories { width: calc(var(--cmplz_banner_width) - 42px); }}.cmplz-cookiebanner .cmplz-categories,.cmplz-cookiebanner .cmplz-save-preferences,.cmplz-cookiebanner .cmplz-link.cmplz-manage-options,.cmplz-cookiebanner .cmplz-manage-vendors,.cmplz-cookiebanner .cmplz-read-more,.cmplz-cookiebanner .cmplz-btn.cmplz-manage-options { display: none;}.cmplz-cookiebanner .cmplz-categories.cmplz-fade-in { animation: fadeIn 1s; -webkit-animation: fadeIn 1s; -moz-animation: fadeIn 1s; -o-animation: fadeIn 1s; -ms-animation: fadeIn 1s; display: block;}@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-ms-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}.cmplz-cookiebanner .cmplz-links.cmplz-information { display: none;}@media (max-width: 768px) { #cmplz-manage-consent .cmplz-manage-consent { display: none; }}.cmplz-cookiebanner .cmplz-close { display: none;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox { position: relative;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox { opacity: 0; margin: 0; margin-top: -10px; cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; position: absolute; z-index: 1; top: 0px; left: 0px; width: 40px; height: 20px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:focus + .cmplz-label:before { box-shadow: 0 0 0 2px #245fcc;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label::before { display: block; background-color: var(--cmplz_slider_active_color); content: ""; padding-left: 6px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label:after { left: 14px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label { position: relative; padding-left: 30px; margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:before,.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:after { box-sizing: border-box; position: absolute; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; transition: background-color 0.3s, left 0.3s;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:before { display: block; content: ""; color: #fff; box-sizing: border-box; font-family: 'FontAwesome', sans-serif; padding-left: 23px; font-size: 12px; line-height: 20px; background-color: var(--cmplz_slider_inactive_color); left: 0px; top: -7px; height: 15px; width: 28px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:after { display: block; content: ""; letter-spacing: 20px; background: var(--cmplz_slider_bullet_color); left: 4px; top: -5px; height: 11px; width: 11px;}.cmplz-cookiebanner { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}#cmplz-manage-consent .cmplz-manage-consent { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}.cmplz-cookiebanner.cmplz-show { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}.cmplz-cookiebanner.cmplz-show:hover { transition-duration: 1s; box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;}.cmplz-cookiebanner{ z-index:9999999999} #cmplz-manage-consent .cmplz-blocked-content-container .cmplz-blocked-content-notice,button#cmplz-consent-ui, #cmplz-post-consent-ui {}#cmplz-consent-ui #cmplz-consent-ui button, #cmplz-post-consent-ui button {}