@font-face {font-family: "Inter";font-style: normal;font-weight: 300;src: url("/wp-content/themes/fernand/fonts/Inter-Light.woff2?v=3.19") format("woff2"),url("/wp-content/themes/fernand/fonts/Inter-Light.woff?v=3.19") format("woff");}
@font-face {font-family: "Inter";font-style: normal;font-weight: 400;src: url("/wp-content/themes/fernand/fonts/Inter-Regular.woff2?v=3.19") format("woff2"),url("/wp-content/themes/fernand/fonts/Inter-Regular.woff?v=3.19") format("woff");}
@font-face {font-family: "Inter";font-style: italic;font-weight: 400;src: url("/wp-content/themes/fernand/fonts/Inter-Italic.woff2?v=3.19") format("woff2"),url("/wp-content/themes/fernand/fonts/Inter-Italic.woff?v=3.19") format("woff");}
@font-face {font-family: "Inter";font-style: normal;font-weight: 500;src: url("/wp-content/themes/fernand/fonts/Inter-Medium.woff2?v=3.19") format("woff2"),url("/wp-content/themes/fernand/fonts/Inter-Medium.woff?v=3.19") format("woff");}
@font-face {font-family: "Inter";font-style: normal;font-weight: 600;src: url("/wp-content/themes/fernand/fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"),url("/wp-content/themes/fernand/fonts/Inter-SemiBold.woff?v=3.19") format("woff");}
@font-face {font-family: "Inter";font-style: italic;font-weight: 600;src: url("/wp-content/themes/fernand/fonts/Inter-SemiBoldItalic.woff2?v=3.19") format("woff2"),url("/wp-content/themes/fernand/fonts/Inter-SemiBoldItalic.woff?v=3.19") format("woff");}
@font-face {font-family: "Inter";font-style: normal;font-weight: 700;src: url("/wp-content/themes/fernand/fonts/Inter-Bold.woff2?v=3.19") format("woff2"),url("/wp-content/themes/fernand/fonts/Inter-Bold.woff?v=3.19") format("woff");}
@font-face {font-family: "Inter";font-style: italic;font-weight: 700;src: url("/wp-content/themes/fernand/Inter-BoldItalic.woff2?v=3.19") format("woff2"),url("/wp-content/themes/fernand/Inter-BoldItalic.woff?v=3.19") format("woff");}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
body {line-height: 1;}
a {text-decoration-skip-ink: auto;}
a[href^="tel"] {color: inherit;text-decoration: none;}
button {outline: 0;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: "";content: none;}
q {display: inline;font-style: italic;}
q:before {content: "\"";font-style: normal;}
q:after {content: "\"";font-style: normal;}
textarea, input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], input[type="search"], input[type="password"] {-webkit-appearance: none;appearance: none;border-radius: 0;}
input[type="search"] {-webkit-appearance: textfield;}
table {border-collapse: collapse;border-spacing: 0;}
th, td {padding: 2px;}
big {font-size: 120%;}
small, sup, sub {font-size: 80%;}
sup {vertical-align: super;}
sub {vertical-align: sub;}
dd {margin-left: 20px;}
kbd, tt {font-family: courier;font-size: 12px;}
ins {text-decoration: underline;}
del, strike, s {text-decoration: line-through;}
dt {font-weight: bold;}
address, cite, var {font-style: italic;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
* {box-sizing: border-box;-webkit-tap-highlight-color: transparent;}
.sticky {}
.bypostauthor {}
.wp-caption {}
.wp-caption-text {}
.gallery-caption {}
.alignright {}
.alignleft {}
.aligncenter {}
.screen-reader-text {border: 0;clip: rect(1px,1px,1px,1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute !important;width: 1px;word-wrap: normal !important;word-break: normal;}
.screen-reader-text:focus {background-color: #f7f7f7;border-radius: 3px;box-shadow: 0 0 2px 2px rgba(0,0,0,.6);clip: auto !important;-webkit-clip-path: none;clip-path: none;color: #007acc;display: block;font-size: 14px;font-size: .875rem;font-weight: 700;height: auto;right: 5px;line-height: normal;padding: 15px 23px 14px;text-decoration: none;top: 5px;width: auto;z-index: 100000;}
.skip-link {left: -9999rem;top: 2.5rem;z-index: 999999999;text-decoration: underline;}
.skip-link:focus {display: block;left: 6px;top: 7px;font-size: 14px;font-weight: 600;text-decoration: none;line-height: normal;padding: 15px 23px 14px;z-index: 100000;right: auto;}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active) {position: absolute !important;height: 1px;width: 1px;overflow: hidden;clip: rect(1px 1px 1px 1px);clip: rect(1px,1px,1px,1px);white-space: nowrap;}
*, ::after, ::before {box-sizing: border-box;}
html {-moz-tab-size: 4;tab-size: 4;}
html {line-height: 1.15;-webkit-text-size-adjust: 100%;}
body {margin: 0;}
body {font-family: "Inter",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";}
hr {height: 0;color: inherit;}
abbr[title] {text-decoration: underline dotted;}
b, strong {font-weight: bolder;}
code, kbd, pre, samp {font-family: ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;font-size: 1em;}
small {font-size: 80%;}
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sub {bottom: -.25em;}
sup {top: -.5em;}
table {text-indent: 0;border-color: inherit;}
button, input, optgroup, select, textarea {font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0;}
button, select {text-transform: none;}
[type=button], [type=reset], [type=submit], button {-webkit-appearance: button;}
::-moz-focus-inner {border-style: none;padding: 0;}
:-moz-focusring {outline: 1px dotted ButtonText;}
:-moz-ui-invalid {box-shadow: none;}
legend {padding: 0;}
progress {vertical-align: baseline;}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {height: auto;}
[type=search] {-webkit-appearance: textfield;outline-offset: -2px;}
::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}
summary {display: list-item;}
:root {--white: #fff;--grey: #9fa3b5;--black: #131e40;--blue: #00a0ff;--blue-pale: #e8f5ff;--orange: #fb8c3b;--red: #dc2626;--red-pale: #fee2e2;--green: #2dbd33;--green-dark: #33c27f;--border: #eaecf8;--border-strong: #e4e6eb;color-scheme: light;}
.transit, a, .button {-webkit-transition: all .75s cubic-bezier(.19,1,.22,1);-moz-transition: all .75s cubic-bezier(.19,1,.22,1);-o-transition: all .75s cubic-bezier(.19,1,.22,1);transition: all .75s cubic-bezier(.19,1,.22,1);}
.transit--slow, body, body, h1, h2, h3, h4, .card, .illu--otat-box:before, .illu--otat-box:after, .button__demo a {-webkit-transition: all 1.5s cubic-bezier(.19,1,.22,1);-moz-transition: all 1.5s cubic-bezier(.19,1,.22,1);-o-transition: all 1.5s cubic-bezier(.19,1,.22,1);transition: all 1.5s cubic-bezier(.19,1,.22,1);}
.transit--fast {-webkit-transition: all .5s cubic-bezier(.19,1,.22,1);-moz-transition: all .5s cubic-bezier(.19,1,.22,1);-o-transition: all .5s cubic-bezier(.19,1,.22,1);transition: all .5s cubic-bezier(.19,1,.22,1);}
.transit--ultrafast {-webkit-transition: all .2s cubic-bezier(.19,1,.22,1);-moz-transition: all .2s cubic-bezier(.19,1,.22,1);-o-transition: all .2s cubic-bezier(.19,1,.22,1);transition: all .2s cubic-bezier(.19,1,.22,1);}
.u--subtle {color: #8c8f9a;}
.u--block {display: block;}
.u--iblock {display: inline-block;}
.u--center {text-align: center;}
.u--flex {display: flex;}
.u--flex-center {align-items: center;}
.u--flex-sb {justify-content: space-between;}
.u--flex-j-center {justify-content: center;}
.u--grow {flex: 1 1 0px;}
.u--marginauto {margin: auto;}
.u--dotted {border-bottom: 1px dotted var(--grey);cursor: pointer;}
.u--fs12 {font-size: 12px;}
.u--fs13 {font-size: 13px;}
.u--fs14 {font-size: 14px;}
.u--fs15 {font-size: 15px;}
.u--fs32 {font-size: 32px;}
.u--fs48 {font-size: 48px;}
.u--mb48 {margin-bottom: 48px;}
.u--mb32 {margin-bottom: 32px;}
.u--mb64 {margin-bottom: 64px;}
.u--mb80 {margin-bottom: 80px;}
.u--mb160 {margin-bottom: 160px;}
.u--mr8 {margin-right: 8px;}
.u--mr30 {margin-right: 30px;}
.u--mr60 {margin-right: 60px;}
.u--ml4 {margin-left: 4px;}
.u--ml18 {margin-left: 18px;}
.u--ml30 {margin-left: 30px;}
.u--mt12 {margin-top: 12px;}
.u--mt24 {margin-top: 24px;}
.u--mt32 {margin-top: 32px;}
.u--mt48 {margin-top: 48px;}
.u--mt100 {margin-top: 100px;}
.u--mt140 {margin-top: 140px;}
.u--mt160 {margin-top: 160px;}
.u--borderimg img {border-radius: 5px;border: .5px solid #c8d9e8;}
body {background: #fafafc;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-tap-highlight-color: rgba(0,0,0,0);color: #131e40;}
section {position: relative;}
.wrapper {width: 100%;max-width: 1330px;padding: 0 20px;margin: 0 auto;}
.wrapper--narrow {max-width: 1120px;}
.wrapper--content {max-width: 800px;}
.wrapper--xs {max-width: 640px;}
.wrapper.u--mb160 {margin-bottom: 160px;}
.logo {width: 35px;flex-grow: 1;}
.dark .logo--light, .logo--dark {display: none;}
.dark .logo--dark, .logo--light {display: block;}
header {padding: 12px 0;position: sticky;top: 12px;z-index: 999;will-change: auto;transform: translateZ(0);box-shadow: inset 0 -1px 0 0 rgba(25,30,90,0);}
header nav ul li {display: inline-block;}
header nav ul li a {color: #6f7b96;text-decoration: none;margin-left: 12px;font-size: 14px;padding: 10px;font-weight: 500;}
header nav ul li.current-menu-item a {color: var(--blue);}
header.blurry {background: rgba(250,250,252,.5);-webkit-backdrop-filter: saturate(180%) blur(5px);backdrop-filter: saturate(180%) blur(5px);-webkit-backface-visibility: hidden;backface-visibility: hidden;perspective: 1000;transform: translateZ(0);top: 0;box-shadow: inset 0 -1px 0 0 rgba(25,30,90,.06);}
body .button__demo a {margin-left: 20px;background: #fff;color: #6f7b96;border: 1px solid rgba(67,71,83,.13);box-shadow: 0 2px 2px rgba(0,0,0,.04);}
body .button__demo a:hover {background: #fff;color: #58637d;border: 1px solid rgba(67,71,83,.2);}
body.dark header nav ul li.button__demo a {color: #808590;background: transparent;border: 1px solid rgba(255,255,255,.1);box-shadow: none;}
body.dark header nav ul li.button__demo a:hover {background: transparent;color: #adb2be;border: 1px solid rgba(255,255,255,.2);}
body .button--secondary {background: #fff;color: #6f7b96;border: 1px solid rgba(67,71,83,.13);box-shadow: 0 2px 2px rgba(0,0,0,.04);}
body .button--secondary:hover {color: #58637d;border: 1px solid rgba(67,71,83,.2);}
body.dark .button--secondary {background: transparent;color: #808590;border: 1px solid rgba(255,255,255,.1);box-shadow: none;}
body.dark .button--secondary:hover {color: #adb2be;border: 1px solid rgba(255,255,255,.2);}
header nav ul li a:hover {color: var(--blue);}
.button__header a {margin-left: 8px;}
.button, .button__header a {position: relative;display: inline-block;background: var(--blue);font-weight: 500;color: #fff;text-decoration: none;padding: 8px 12px;border-radius: 6px;}
.button:hover, .button__header a:hover {background: var(--blue);color: #fff;}
.button.button--large {padding: 16px;}
.button.button--ultraghost {color: #1a2035;background: transparent;padding: 5px 0;}
.button.button--ultraghost:hover {color: var(--blue);}
.button.button--ghost {line-height: 20px;color: #717583;font-weight: 500;font-size: 14px;border: 1px solid var(--border);padding: 10px 20px;border-radius: 50px;background: transparent;}
.button.button--ghost span {color: var(--grey);font-size: 11px;text-transform: uppercase;letter-spacing: .8px;display: block;line-height: 15px;}
.button.button--ghost--hoverable:hover {border: 1px solid var(--blue);color: var(--blue);}
.button svg {width: 18px;height: 18px;vertical-align: middle;}
h1, h2, h3 {font-weight: 500;font-size: 38px;color: #1a2035;line-height: 48px;}
h2 {font-size: 30px;line-height: 38px;margin-bottom: 24px;}
h3 {font-size: 18px;margin-bottom: 10px;line-height: 30px;}
.title__lead {font-size: 16px;margin: 24px auto 0 auto;max-width: 640px;line-height: 28px;}
.title__lead strong {font-weight: 600;}
.subtext {max-width: 600px;display: inline-block;font-size: 16px;line-height: 26px;}
p {color: #717583;font-size: 15px;line-height: 22px;}
.card {position: relative;border-radius: 8px;background: #fff;padding: 38px 48px 48px 48px;margin-bottom: 30px;}
.card--split {display: flex;flex-wrap: nowrap;flex-direction: column;align-items: stretch;max-width: 36%;}
.illu__fast {position: relative;margin: 24px auto;width: 10px;height: 10px;}
.dot {position: relative;width: 10px;height: 10px;background-color: #33c27f;border-radius: 50%;transform: translateZ(0);}
.dot:after, .dot:before {content: " ";opacity: 0;position: absolute;z-index: 1;width: 50px;height: 50px;background-color: #33c27f;border-radius: 50%;top: -20px;left: -20px;transform: translateZ(0);backface-visibility: hidden;animation-name: "ripple";-webkit-animation-name: "ripple";animation-duration: 3s;animation-timing-function: ease;animation-delay: 0s;animation-iteration-count: infinite;animation-direction: normal;}
.dot:before {animation-delay: .75s;-webkit-animation-delay: .75s;}
@keyframes ripple {0% {opacity: .5;transform: scale(.2);}
	100% {opacity: 0;transform: scale(1);}}
.illu--snippet {padding-left: 32px;position: relative;}
.illu--snippet:before {content: "";display: block;position: absolute;top: 40px;left: 0;bottom: 20px;width: 2px;background: #f0f2f5;}
.illu--snippet-action:before, .illu--snippet-editor:before {content: "";display: block;position: absolute;top: 11px;left: -38px;bottom: 20px;background: #f0f2f5;border: 4px solid #fff;width: 14px;height: 14px;border-radius: 50px;}
.illu--snippet-editor {border: 1px solid #e8e9f0;border-radius: 5px;width: 100%;position: relative;}
.illu--snippet-editor:before {top: 28px;}
.illu--snippet > div:last-child:before {border-radius: 0px;background: var(--white);content: "";width: 20px;height: 20px;display: block;position: absolute;top: 0;left: -32px;border-top: none;border-right: none;border-bottom: 2px solid #f0f2f5;border-left: 2px solid #f0f2f5;border-bottom-left-radius: 10px;}
.illu--snippet-text {height: 102px;overflow: hidden;border-bottom: 1px solid #e8e9f0;padding: 24px;line-height: 23px;}
.illu--snippet-text:focus {outline: none;}
.illu--snippet-text p {margin-bottom: 18px;font-size: 14px;line-height: 23px;}
.illu--snippet-text .variable {border: 1px solid #e4e4e4;padding: 3px 6px;border-radius: 4px;font-size: 13px;}
.illu--snippet-text .variable svg {display: inline-block;margin-right: 5px;}
.illu--snippet-kitchensink {padding: 12px 24px;}
.illu--snippet-action {position: relative;display: flex;align-items: center;margin-top: 14px;height: 35px;}
.illu--snippet-action span {color: #6e727f;display: block;width: 100%;max-width: 80px;font-size: 13px;}
.illu--snippet-action:last-child span {max-width: 100%;}
.actions__list__drag {border-radius: 4px;border: 1px solid transparent;background: #fff;width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;text-align: center;z-index: 999;position: absolute;top: 0;left: -47px;}
.illu__dd, .illu__input {background: var(--white) url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'none\' viewBox=\'0 0 20 20\'%3e%3cpath stroke=\'%23969ead\' stroke-linecap=\'round\' stroke-linejoin=\'round\' stroke-width=\'1.5\' d=\'M6 8l4 4 4-4\'/%3e%3c/svg%3e") right .5rem center/1.5em 1.5em no-repeat;color: #474a53;display: inline-block;border: 1px solid #e8e9f0;border-radius: 4px;font-size: 13px;padding: 10px;width: 100%;max-width: 200px;}
.illu__input {background: var(--white);}
.saas--scrolling li:first-child {margin-top: 30vh;}
.saas--scrolling li {min-height: 160px;}
.saas--scrolling li:last-child {margin-bottom: 30vh;}
.saas--scrolling li a {text-decoration: none;color: #b7b9c0;font-size: 30px;padding: 10px 0;}
.saas--scrolling li a:hover {color: #6b6e7b;}
.saas--scrolling li a.active {color: #1a2035;}
.saas__illuwrap {height: 100vh;position: sticky;display: flex;top: 0;align-items: center;padding-top: 100px;padding-bottom: 30px;}
.saas__illucontainer {flex-grow: 0;position: relative;width: 480px;height: 100%;max-height: 480px;overflow: hidden;}
.saas__illucontainer > div {position: absolute;top: 0;top: 0;left: 0;width: 100%;height: 100%;background: #eef0f5;border-radius: 10px;}
.saas__scroll-metadata > div {background: #e1fbec;}
.saas__scroll-refunds > div {background: #e1f0fb;}
.saas__scroll-collab > div {background: #fff4e2;}
.saas__scroll-automation > div {background: #fee6e6;}
.saas__illucontainer > div > div {display: none;}
.saas__scroll-metadata .saas__ic-metadata, .saas__scroll-refunds .saas__ic-metadata, .saas__scroll-collab .saas__ic-collab, .saas__scroll-automation .saas__ic-automation {display: block;}
.fade-in {opacity: 0;animation: fadeIn 1s forwards;}
.fade-in.one {animation-delay: .05s;}
.fade-in.two {animation-delay: .25s;}
.fade-in.three {animation-delay: .5s;}
.fade-in.four {animation-delay: .75s;}
@keyframes fadeIn {from {opacity: 0;transform: translate3D(0,30px,0);}
	to {opacity: 1;transform: translate3D(0,0px,0);}}
.illu__metadata-person, .illu__metadata-payments {padding: 0 20px;}
.saas__ic-metadata {color: #131f40;font-size: 13px;}
.saas__ic-metadata strong {font-weight: 600;}
.illu__metadata-person span {color: #6e9985;}
.illu__metadata-plan {line-height: 17px;border-radius: 8px;background: #fff;box-shadow: 0px 2px 5px rgba(0,0,0,.09);padding: 20px;margin: 32px 0 12px 0;}
.illu__metadata-person {line-height: 18px;}
.illu__metadata-person > div {padding-top: 8px;}
.saas__ic-metadata .u--subtle {color: #6e9985;}
.illu__subtitle {text-transform: uppercase;letter-spacing: 1px;font-size: 11px;color: #6e9985;margin-bottom: 12px;display: block;}
.badge {white-space: nowrap;background: #e1fbec;color: #38c576;padding: 4px 6px;margin-left: 6px;border-radius: 4px;font-size: 9px;font-weight: 600;letter-spacing: .8px;text-transform: uppercase;}
.saas__illucontainer .pill {display: inline-block;width: 6px;height: 6px;margin-right: 10px;border-radius: 100%;background: #38c576;vertical-align: middle;}
.illu__metadata-payments ul li {border-bottom: 1px solid #cdefdf;padding: 12px 0;}
.illu__metadata-payments ul li:last-child {border-bottom: none;padding-bottom: 0;}
.illu__metadata-payments {border-radius: 8px;z-index: 999;position: relative;padding: 20px;}
.saas__scroll-refunds .illu__metadata-payments {animation: centerPayment 1s forwards;}
.saas__scroll-refunds .u--subtle {color: #8a9cac;}
.saas__scroll-refunds .illu__metadata-payments strong {color: #8197ab;}
.saas__scroll-refunds .illu__metadata-payments ul li:not(:last-child) {border-bottom: 1px solid #e2f0fc;}
.saas__scroll-refunds .illu__metadata-person, .saas__scroll-refunds .illu__metadata-plan {z-index: 500;animation: centerPaymentHide 1s forwards;}
.payment__refunded {position: relative;}
.badge__refunded, .payment__actions, .payment__dropdown {opacity: 0;}
.saas__scroll-refunds .badge__refunded {animation: badgeRefunded 1s forwards;animation-delay: 3s;color: #e06666;background: #ffebeb;}
.saas__scroll-refunds .payment__refunded .pill {animation: pillRefunded .5s forwards;animation-delay: 2.5s;}
.saas__scroll-refunds .payment__actions {animation: paymentActions 2.5s forwards;animation-delay: .75s;}
.saas__scroll-refunds .payment__dropdown {animation: paymentDropdown 1.75s forwards;animation-delay: 1.5s;}
.payment__actions {position: absolute;top: 16px;right: 0;}
.payment__dropdown {position: absolute;top: -69px;right: -11px;background: #fff;box-shadow: 0px 2px 5px rgba(0,0,0,.09);padding: 12px 20px;border-radius: 7px;}
.saas__scroll-refunds .payment__dropdown span {display: block;height: 24px;vertical-align: middle;line-height: 24px;}
.saas__scroll-refunds .payment__isclicked {animation: paymentClicked 1s forwards;animation-delay: 2s;}
@keyframes centerPayment {from {opacity: 1;transform: translate3D(0,0px,0);background: transparent;box-shadow: 0px 2px 5px rgba(0,0,0,0);}
	to {background: #fff;opacity: 1;transform: translate3D(0,-85px,0);box-shadow: 0px 2px 5px rgba(0,0,0,.09);}}
@keyframes centerPaymentHide {from {opacity: 1;transform: translate3D(0,0px,0);}
	to {opacity: 0;transform: translate3D(0,-85px,0);}}
@keyframes badgeRefunded {from {opacity: 0;transform: translate3D(20px,0,0);}
	to {opacity: 1;transform: translate3D(0,0,0);}}
@keyframes pillRefunded {from {background: #38c576;}
	to {background: #e06666;}}
@keyframes paymentActions {0% {opacity: 0;transform: translate3D(20px,0,0);}
	20% {opacity: 1;transform: translate3D(0,0,0) scale(1);}
	25% {opacity: 1;transform: translate3D(0,0,0) scale(.9);}
	30% {opacity: 1;transform: translate3D(0,0,0) scale(1.1);}
	35% {opacity: 1;transform: translate3D(0,0,0) scale(1);}
	80% {opacity: 1;transform: translate3D(0,0,0);}
	100% {opacity: 0;transform: translate3D(20px,0,0);}}
@keyframes paymentDropdown {0% {opacity: 0;transform: translate3D(0,20px,0);}
	30% {opacity: 1;transform: translate3D(0,0,0);}
	70% {opacity: 1;transform: translate3D(0,0,0);}
	100% {opacity: 0;transform: translate3D(0,20px,0);}}
@keyframes paymentClicked {0% {transform: scale(1);}
	40% {transform: scale(.9);}
	60% {transform: scale(1.1);}
	100% {transform: scale(1);}}
.saas__ic-collab .bubble {background: #fff;border-radius: 6px;padding: 20px;font-size: 14px;}
.saas__ic-collab .message--note .bubble {color: #eb7520;background: #fedfbf;}
.saas__ic-collab .message--note .bubble span {background: #fff4e2;margin-right: 5px;padding: 5px;border-radius: 5px;}
.avatar {min-width: 48px;width: 48px;height: 48px;border-radius: 100%;margin: 0 12px;background: #b4e3cb;padding: 0 !important;overflow: hidden;text-align: center;line-height: 48px;font-size: 13px;font-weight: 500;color: #e29918;}
.avatar--big {min-width: 80px;width: 80px;height: 80px;line-height: 80px;margin: 0;}
.saas__ic-collab .avatar {background: #fae7c8;}
.avatar img {width: 100%;height: auto;border-radius: 100%;}
.saas__ic-collab .avatar {margin: 0 12px;}
.saas__ic-collab .timespan {font-size: 12px;color: #cab39b;display: block;margin-top: 10px;}
.saas__ic-automation .illu--snippet-action {height: 32px;}
.saas__ic-automation .illu--snippet-action span {max-width: auto;min-width: 130px;color: #b27c7d;}
.saas__ic-automation .illu--snippet-action .illu__dd, .saas__ic-automation .illu--snippet-action .illu__input {min-width: 125px;color: #b27c7d;}
.saas__ic-automation .illu__subtitle {color: #b27c7d;}
.saas__ic-automation .illu--snippet {background: var(--white);box-shadow: 0px 2px 5px rgba(0,0,0,.09);padding: 5px 20px 12px 63px;border-radius: 8px;}
.saas__ic-automation .actions__list__drag svg rect {fill: #b98a8c;}
.saas__ic-automation .illu--snippet:before {background: #ffe6e7;top: 25px;bottom: 40px;left: 31px;}
.saas__ic-automation .illu--snippet > div:last-child:before {border-bottom: 2px solid #ffe6e7;border-left: 2px solid #ffe6e7;}
.illu__otat {width: calc(100% - 96px);height: auto;box-shadow: none;border: 1px solid #eaecf8;border-bottom: none;border-radius: 5px 5px 0 0;position: absolute;bottom: 0;left: 48px;right: 48px;}
.dark .illu__otat {border: 1px solid #2a2b2e;box-shadow: none;border-bottom: none;}
.subscription__illu {display: flex;justify-content: center;align-items: center;border-radius: 5px;width: 32px;min-width: 32px;height: 32px;text-align: center;margin-right: 12px;background: #33c27f;color: var(--white);}
.subscription__illu > div {display: flex;justify-content: center;align-items: center;width: 16px;height: 16px;border-radius: 50%;border: 1px solid var(--white);}
.subscription__illu > div > div {width: 10px;height: 10px;border-radius: 50%;}
.illu--bonjour {width: 100%;max-width: 350px;background: #fff;border: 1px solid #f0f0f0;box-shadow: 0px 3px 7px rgba(0,0,0,.04);border-radius: 4px;padding: 24px;}
.illu--bonjour strong {font-size: 9px;color: #787f95;text-transform: uppercase;text-align: left;letter-spacing: .6px;font-weight: 600;margin-bottom: 8px;display: block;}
.illu--bonjour span {color: #38c576;display: block;text-align: left;font-size: 14px;}
.pill:before {content: "";width: 6px;height: 6px;display: inline-block;margin-right: 10px;border-radius: 100%;background: var(--grey-strong);vertical-align: middle;}
.pill.status--green:before {background: var(--green);}
.card--main {display: flex;width: 100%;justify-content: flex-start;position: relative;}
.illu--otat {position: relative;}
.illu--otat-box {width: 56px;height: 56px;background: #fff;border: 2px solid var(--green);border-radius: 5px;box-shadow: 0 0 5px rgba(45,189,51,.15);}
.illu--otat-box:before, .illu--otat-box:after {position: absolute;top: 0;left: 0;content: "";display: block;width: 56px;height: 56px;background: #f8f8fc;border-radius: 5px;border: 2px solid var(--white);}
.illu--otat-box:before {transform: translate3D(-64px,0,0) scale(.8);}
.illu--otat-box:after {transform: translate3D(64px,0,0) scale(.8);}
.illu__progress {width: 100%;max-width: 260px;margin: 0 auto;}
.illu__progress strong {font-size: 9px;color: #787f95;text-transform: uppercase;letter-spacing: .6px;font-weight: 600;margin-bottom: 14px;display: block;}
.illu__progress .illu__progress_bar {width: 100%;position: relative;background: #f8f8fc;height: 6px;}
.dark .illu--otat-box {background: #151618;}
.dark .illu--otat-box:before, .dark .illu--otat-box:after {background: #151618;border: 2px solid #343741;}
.dark .illu__progress .illu__progress_bar {background: #151618;}
.dark .illu__progress .illu__progress_bar ul li.inactive {border-left: 1px solid #7b8092;}
.dark .illu__progress .illu__progress_bar ul li:last-child {border-right: 1px solid #7b8092;}
.illu__progress .illu__progress_bar > div {height: 6px;background: linear-gradient(90deg,#5ecf69 65%,#67d9ac 100%);}
.illu__progress .illu__progress_bar ul {position: absolute;bottom: -10px;left: 0;right: 0;width: 100%;display: flex;}
.illu__progress .illu__progress_bar ul li {width: 20%;border-left: 1px solid var(--green);height: 6px;}
.illu__progress .illu__progress_bar ul li:last-child {border-right: 1px solid #cfd1da;}
.illu__progress .illu__progress_bar ul li.inactive {border-left: 1px solid #cfd1da;}
.footer__border {border-top: 1px solid var(--border-strong);padding: 100px 0 50px 0;}
footer h4 {font-size: 15px;margin-bottom: 12px;}
footer li a {text-decoration: underline;text-decoration: none;color: #8c8f9a;font-weight: 400;font-size: 15px;padding: 5px 0;margin-bottom: 3px;display: block;}
footer li a:hover {color: var(--blue);}
.kbd {width: 64px;height: 64px;display: flex;margin: 5px;font-size: 18px;vertical-align: middle;text-align: center;background: var(--white);box-shadow: 0px 4px 10px rgba(131,131,131,.1);border-radius: 8px;justify-content: space-around;align-items: center;}
.pricing__card {background: #fff;display: inline-block;padding: 64px;border-radius: 10px;box-shadow: 0 3px 6px rgba(52,53,71,.1);}
.pricing__user {display: inline-block;text-align: left;margin-left: 10px;position: relative;line-height: 20px;line-height: 20px;font-size: 14px;}
.pricing__user:hover .popover {opacity: 1;visibility: visible;bottom: 70px;}
.faq {width: 100%;columns: 2;-webkit-columns: 2;-moz-columns: 2;text-align: left;column-gap: 64px;}
.faq > div {list-style-position: inside;-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;margin-bottom: 40px;}
.faq dt {font-weight: 500;font-size: 17px;margin-bottom: 12px;line-height: 16px;}
.faq dd {color: #717583;font-size: 15px;line-height: 24px;padding: 0;margin: 0;}
.lead__kbd {margin-bottom: 48px;}
.lead__kbd kbd {background: #b7bbc6;color: #fff;padding: 5px;border-radius: 5px;display: inline-block;width: 20px;height: 20px;text-align: center;line-height: 11px;margin: 0 3px;font-size: 14px;}
.icon__info {width: 17px;vertical-align: middle;margin-right: 2px;margin-top: -1px;color: var(--grey);}
a:hover .popover {opacity: 1;visibility: visible;bottom: 70px;}
.popover {z-index: 999;width: 380px;opacity: 0;left: 50%;transform: translateX(-50%);visibility: hidden;position: absolute;bottom: 25px;pointer-events: none;background: #fff;border-radius: 4px;box-shadow: 0px 2px 5px rgba(0,0,0,.09);padding: 20px;text-align: left;}
.popover p {color: #717583;font-size: 14px;font-weight: 400;line-height: 20px;}
.popover strong {font-size: 16px;font-weight: 500;margin-bottom: 4px;display: block;color: #1a2035;}
.illu__psy {margin-right: 14px;min-width: 48px;width: 48px;height: 48px;line-height: 48px;vertical-align: middle;text-align: center;background: #ffe3ec;border-radius: 100%;}
.illu__psy span {font-size: 24px !important;line-height: 48px !important;}
body.home .reveal {opacity: 0;}
.reveal__bonjour-1 {animation: revealBonjour 2s forwards;}
.reveal__bonjour-2 {animation: revealBonjour 2s forwards;animation-delay: .6s;}
.reveal__bonjour-3 {animation: revealBonjour 2s forwards;animation-delay: .85s;}
.reveal__usp {animation: revealUSP 1s forwards;animation-delay: 2s;}
.reveal__hero {animation: revealHero 1s forwards;animation-delay: 2.75s;}
body.home .reveal__rainbow {animation: revealRainbow 4s forwards;}
.reveal__kbd {animation: fadeIn 1s forwards;animation-delay: 3.25s;}
body.home .reveal__header {animation: revealHeader 1s forwards;animation-delay: 3s;}
@keyframes revealBonjour {0% {opacity: 0;transform: translate3D(0,30px,0);}
	40% {opacity: 1;transform: translate3D(0,0px,0);color: #1a2035;}
	60% {opacity: 1;transform: translate3D(0,0px,0);color: #1a2035;}
	100% {opacity: 1;transform: translate3D(0,0px,0);color: #8c8f9a;}}
@keyframes revealRainbow {from {opacity: 0;}
	to {opacity: .4;}}
@keyframes revealUSP {from {opacity: 0;transform: translate3D(0,20px,0);}
	to {opacity: 1;transform: translate3D(0,0px,0);}}
@keyframes revealHero {from {opacity: 0;transform: translate3D(0,-30px,0) scale(.9);}
	to {opacity: 1;transform: translate3D(0,0px,0) scale(1);}}
@keyframes revealHeader {from {opacity: 0;transform: translate3D(0,-50px,0);}
	to {opacity: 1;transform: translate3D(0,0px,0);}}
.illu__hero {width: 100%;max-width: 1080px;border-radius: 4px;box-shadow: 0 0 0 1px #e8e8f1;}
.illu__shortcuts .kbd__wrapper {margin: 0 16px;}
.illu__commandpalette {width: 100%;max-width: 550px;border-radius: 4px;box-shadow: 0px 0px 40px rgba(159,163,181,.2);margin-bottom: -42px;}
.illu--mask {position: absolute;left: 0;right: 0;pointer-events: none;display: block;z-index: 1;}
.illu__commandpalette__mask {height: 350px;background: linear-gradient(180deg,rgba(255,255,255,0) 0%,#fff 85%);bottom: 0;}
.illu__rainbow {opacity: .25;position: absolute;top: -160px;height: 363px;pointer-events: none;z-index: 1;left: 0;right: 0;background: url("/wp-content/themes/fernand/images/bg__rainbow.png") no-repeat top center;}
.illu__rainbow--hero {top: -90px;opacity: .4;height: 400px;background-size: cover;max-width: 2000px;margin: 0 auto;}
body.home .illu__rainbow--hero {opacity: 0;}
.illu__dark {position: relative;max-width: 1080px;width: 100%;}
.illu__dark img {position: absolute;top: 0;left: 0;right: 0;}
.illu__calmwrap {min-height: 164px;margin-top: -24px;}
.illu__hero--dark {opacity: 0;box-shadow: 0 0 0 1px #2a2b2e;}
.dark .illu__hero--dark {opacity: 1;}
.dark .illu__hero--light {opacity: 0;}
.dark .card {background: #1f2023;}
.dark {background: #151618;}
.dark h1, .dark h2, .dark h3, .dark h4 {color: #fff;}
.dark .footer__border {border-top: 1px solid #2d2d2d;}
.dark .saas__illucontainer > div {background: #1d1e21;}
.dark .illu--bonjour {background: #151618;border: 1px solid #151618;}
.dark .button.button--ghost {border: 1px solid #343741;}
.dark .illu__commandpalette__mask {}
.dark .kbd {background: #151618;box-shadow: none;color: #fff;}
.dark .illu--snippet-action:before, .dark .illu--snippet-editor:before {background: #4f5158;border: 4px solid #1f2023;}
.dark .illu--snippet:before {background: #4f5158;}
.dark .actions__list__drag {background: #1f2023;}
.dark .illu--snippet > div:last-child:before {border-bottom: 2px solid #4f5158;border-left: 2px solid #4f5158;background: #1f2023;}
.dark .illu__dd, .dark .illu__input {background-color: #151618;border: 1px solid #2c2e32;color: #858995;}
.dark .illu--snippet-text {border-bottom: 1px solid #4f5158;}
.dark .illu--snippet-editor {border: 1px solid #4f5158;}
.dark .popover {background: #151618;}
.dark .popover strong {color: #fff;}
.dark header nav ul li a {color: #808590;}
.dark header nav ul li.button__header a {color: #fff;}
.dark header.blurry {box-shadow: inset 0 -1px 0 0 rgba(255,255,255,.06);background: rgba(21,22,24,.5);}
.wrapper--content, .wrapper--content p, .wrapper--content h2, .wrapper--content h3, .wrapper--content ul li {color: #5d616f;font-size: 16px;line-height: 27px;}
.wrapper--content ul {padding-left: 64px;margin: 22px 0;}
.wrapper--content ul li {list-style: disc;margin-bottom: 14px;}
.wrapper--content ul li:last-child {margin-bottom: 0;}
.wrapper--content p {margin-bottom: 22px;}
.wrapper--content a, .u--link {color: var(--blue);text-decoration: none;border-bottom: 1px solid var(--blue);}
.wrapper--content h2 {color: var(--black);font-size: 20px;margin-bottom: 22px;margin-top: 42px;}
.wrapper--content table {background: #fff;border-radius: 4px;overflow: hidden;}
.wrapper--content iframe {width: 100%;height: auto;min-height: 473px;}
.wp-block-table {overflow-x: scroll;width: 100%;}
.wrapper--content strong {font-weight: 600;}
.wrapper--content th, .wrapper--content td {padding: 14px 20px;border-bottom: 1px solid #ebebed;}
.wrapper--content code {background: #fff;padding: 2px 4px;border-radius: 4px;font-size: 13px;border: 1px solid #e0e0e0;}
.wrapper--content pre {margin-bottom: 20px;}
.wrapper--content pre code {display: block;line-height: 19px;padding: 18px;}
.entry-lastmodified {margin-top: 6px;}
.nav__bottom {position: sticky;bottom: 32px;}
.nav__bottom > div {background: var(--white);box-shadow: 0px 2px 5px rgba(0,0,0,.09),0px 5px 20px rgba(0,0,0,.05);padding: 20px;border-radius: 50px;}
.nav__bottom a {color: #9ba5ba;text-decoration: none;border: none;font-size: 14px;padding: 10px;font-weight: 500;}
.nav__bottom a:hover {color: #6f7b96;}
.nav__bottom a.active, .nav__bottom a.active:hover {color: var(--blue);}
.profile>* {display: block;margin-bottom: 8px;}
.profile strong {font-size: 18px;font-weight: 600;}
.hiring {border-top: 1px solid var(--border);background: var(--blue-pale);margin: 48px -48px -48px -48px;padding: 48px;border-radius: 0 0 8px 8px;}
.icon__social svg {width: 24px;}
.icon__social svg path {fill: #cacdd8;}
.icon__social:hover svg path {fill: var(--blue);}
.history p {color: #5d616f;font-size: 16px;line-height: 27px;margin-bottom: 20px;}
.illu__history {width: 200px;margin-left: 38px;}
.illu__history img {width: 100%;}
.illu__history_fernand {transform: rotate(-3deg);z-index: 500;position: relative;padding: 10px 10px 30px 10px;width: 152px;height: auto;min-height: 152px;background: var(--white);border-radius: 8px;box-shadow: 0 3px 6px rgba(52,53,71,.1);}
.illu__history_fernand img {border-radius: 4px;}
.illu__history_map {transform: rotate(5deg);position: relative;z-index: 400;overflow: hidden;border-radius: 8px;width: 150px;height: 150px;margin-left: 70px;margin-top: -30px;}
.illu__history_map img {transform: scale(1.5);}
.illu__history_map svg {z-index: 450;position: absolute;top: 56px;left: 30px;width: 80px;stroke-dasharray: 120px;stroke-dashoffset: 120px;}
.illu__history--drawroute svg {animation: fernandDash 4s linear forwards;}
@keyframes fernandDash {to {stroke-dashoffset: 0;}}
.img__404 {margin-bottom: 0;margin-bottom: -10px;max-width: 100%;margin-top: 64px;}
.updates li article {display: block;display: flex;margin-bottom: 60px;position: relative;}
.updates .updates__title {width: 350px;line-height: 25px;}
.updates .updates__title>div {position: sticky;top: 100px;}
.updates .wrapper--content {width: 100%;padding-left: 30px;}
.updates .updates__title .updates__title-name {display: block;font-size: 18px;font-weight: 600;color: #1a2035;text-decoration: none;}
.updates .updates__title a.updates__title-name:hover {color: var(--blue);}
.updates .updates__title time {color: var(--grey);font-size: 15px;font-weight: 500;}
.updates .wrapper--content p {font-size: 16px;}
.updates .wrapper--content ul {padding-left: 16px;}
.updates .wrapper--content img, .updates .wrapper--content video {max-width: 100%;height: auto;margin-bottom: 24px;}
@media screen and (max-width: 900px) {.saas__illucontainer {position: absolute;bottom: 20px;right: 0;}
	.updates li article {display: block;}
	.updates .updates__title {width: 100%;margin-bottom: 16px;}
	.updates .wrapper--content {padding-left: 0;}}
@media screen and (max-width: 640px) {.u--subtle {line-height: 24px;}
	.m--noflex {display: block;}
	.m--mb32 {margin-bottom: 32px;}
	h1, h2 {font-size: 26px;line-height: 33px;}
	h3 {font-size: 16px;line-height: 24px;}
	.m--hide {display: none;}
	.saas__illucontainer {width: 100vw;transform: scale(.8);}
	.button__header a {margin-left: 10px;}
	header nav ul li a {padding: 5px 2px;margin-left: 4px;}
	.footer__border, .sm--flex-column {flex-direction: column;}
	.footer__border > div {margin-bottom: 24px;}
	.card--split {max-width: 100%;margin-right: 0;margin-left: 0;}
	.card {margin-left: 0 !important;padding-left: 35px;padding-right: 35px;}
	.illu--bonjour {max-width: 100%;}
	.profile strong {font-size: 16px;}
	.profile>* {margin-bottom: 6px;font-size: 14px;}
	.faq {columns: 1;-webkit-columns: 1;-moz-columns: 1;}
	.history>div {flex-direction: column-reverse;}
	.illu__history {margin: 0 auto 32px auto;display: block;}
	.illu__history_fernand {margin-left: -35px;}
	.illu__history_map {margin-top: -100px;}
	.wrapper.u--mb160 {margin-bottom: 60px;}
	.nav__bottom a {padding: 6px;}
	.nav__bottom > div {padding: 12px;}
	.illu__commandpalette__mask {height: 200px;}
	.saas--scrolling li:first-child {margin-top: 160px;}
	.illu__rainbow {top: -100px;}
	.pricing__user .popover {left: 0;}}
@media screen and (max-width: 420px) {.illu__commandpalette__mask {height: 100px;}}