/* http://meyerweb.com/eric/tools/css/reset/
   v5.0.1 | 20191019
   License: none (public domain)
*/

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, menu, 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,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
	display: block;
}
/* HTML5 hidden-attribute fix for newer browsers */
*[hidden] {
    display: none;
}
body {
	line-height: 1;
}
menu, ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;src:url("./assets/fonts/Montserrat/Montserrat-VariableFont_wght.ttf")}@font-face{font-family:'Montserrat';font-style:bold;font-weight:800;src:url("./assets/fonts/Montserrat/Montserrat-VariableFont_wght.ttf")}:root{--border-radius-corners:.3rem;--border-radius-corners-l:.7rem;--border-radius-controls:1.5rem;--bg-backdrop-hsl:25,30%,90%;--fg-backdrop-hsl:25,100%,2%;--bg-backdrop:hsla(var(--bg-backdrop-hsl), 1.0);--fg-backdrop:hsla(var(--fg-backdrop-hsl), 1.0);--bg-hsl:25,30%,100%;--fg-hsl:25,100%,2%;--fg:hsla(var(--fg-hsl), 1.0);--bg:hsla(var(--bg-hsl), 1.0);--bg-primary-hsl:25,100%,50%;--fg-primary-hsl:25,100%,100%;--bg-primary:hsla(var(--bg-primary-hsl),  1.0);--fg-primary:hsla(var(--fg-primary-hsl),  1.0)}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}html{background-color:var(--bg-backdrop);color:var(--fg-backdrop);font-family:Montserrat,Arial,sans-serif;font-size:11pt;font-weight:400}h1{font-size:1.6rem;font-weight:800;letter-spacing:-.05em}h2{font-size:1.2rem;font-weight:800;letter-spacing:-.05em;line-height:1.2em}p{line-height:1.5;margin:1rem 0}#Root{height:100vh;overflow-x:hidden;overflow-y:hidden;position:relative;width:100vw}button.Button,input.Button{align-items:center;background-color:hsla(var(--fg-hsl), 1.0);border-color:hsla(var(--bg-hsl), 0.0);border-radius:var(--border-radius-controls);border-style:solid;border-width:2px;color:hsla(var(--bg-hsl), 1.0);cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:700;height:3rem;justify-content:center;margin:0;min-width:3rem;outline:0;padding:0;text-transform:uppercase;white-space:nowrap;width:100%}button.Button .Button-labelText,input.Button .Button-labelText,button.Button .Button-icon,input.Button .Button-icon{opacity:.9;pointer-events:none}button.Button:hover .Button-labelText,input.Button:hover .Button-labelText,button.Button:focus .Button-labelText,input.Button:focus .Button-labelText,button.Button:active .Button-labelText,input.Button:active .Button-labelText,button.Button:hover .Button-icon,input.Button:hover .Button-icon,button.Button:focus .Button-icon,input.Button:focus .Button-icon,button.Button:active .Button-icon,input.Button:active .Button-icon{opacity:1}button.Button:hover,input.Button:hover{background-color:hsla(var(--fg-hsl),         1.0);border-color:hsla(var(--bg-primary-hsl), 0.6);color:hsla(var(--bg-hsl),         1.0)}button.Button:focus,input.Button:focus,button.Button:active,input.Button:active{background-color:hsla(var(--fg-hsl),         1.0);border-color:hsla(var(--bg-primary-hsl), 1.0);color:hsla(var(--bg-hsl),         1.0)}button.Button:active .Button-labelText,input.Button:active .Button-labelText,button.Button:active .Button-icon,input.Button:active .Button-icon{transform:scale(.9)}button.Button:disabled,input.Button:disabled{opacity:.4;pointer-events:none}button.Button.Primary,input.Button.Primary,button.Button[type='submit'],input.Button[type='submit']{background-color:hsla(var(--bg-primary-hsl), 1.0);border-color:hsla(var(--fg-primary-hsl), 0.0);color:hsla(var(--fg-primary-hsl), 1.0)}button.Button.Primary:hover,input.Button.Primary:hover,button.Button[type='submit']:hover,input.Button[type='submit']:hover{background-color:hsla(var(--bg-primary-hsl), 1.0);border-color:hsla(var(--fg-primary-hsl), 0.4);color:hsla(var(--fg-primary-hsl), 1.0)}button.Button.Primary:focus,input.Button.Primary:focus,button.Button[type='submit']:focus,input.Button[type='submit']:focus,button.Button.Primary:active,input.Button.Primary:active,button.Button[type='submit']:active,input.Button[type='submit']:active{background-color:hsla(var(--bg-primary-hsl), 1.0);border-color:hsla(var(--fg-primary-hsl), 1.0);color:hsla(var(--fg-primary-hsl), 1.0)}button.Button.Primary .Button-icon.Icon,input.Button.Primary .Button-icon.Icon,button.Button[type='submit'] .Button-icon.Icon,input.Button[type='submit'] .Button-icon.Icon{background-position-y:var(--icon-offset-inverse)}button.Button.Inverse,input.Button.Inverse{background-color:hsla(var(--bg-hsl), 1.0);border-color:hsla(var(--fg-hsl), 0.0);color:hsla(var(--fg-hsl), 1.0)}button.Button.Inverse:hover,input.Button.Inverse:hover{background-color:hsla(var(--bg-hsl),         1.0);border-color:hsla(var(--bg-primary-hsl), 0.6);color:hsla(var(--fg-hsl),         1.0)}button.Button.Inverse:focus,input.Button.Inverse:focus,button.Button.Inverse:active,input.Button.Inverse:active{background-color:hsla(var(--bg-hsl),         1.0);border-color:hsla(var(--bg-primary-hsl), 1.0);color:hsla(var(--fg-hsl),         1.0)}button.Button.Inverse .Button-icon.Icon,input.Button.Inverse .Button-icon.Icon{background-position-y:var(--icon-offset-regular)}.Button-labelText{padding:0 1.5rem}.Button-labelText:empty{display:none}.Button-icon{height:var(--icon-size);margin:0;width:var(--icon-size)}.Button-icon.Blank{display:none}.Button-icon.Icon{background-position-y:var(--icon-offset-inverse)}.Button-icon:first-child:not(:last-child){margin-left:.5rem}.Button-icon + .Button-labelText{padding-left:.5rem}:root{--icon-size:32px;--icon-offset-regular:0;--icon-offset-inverse:-32px;--icon-offset-primary:-64px;--icon-offset-positive:-96px;--icon-offset-negative:-128px;--icon-offset-warning:-160px}.Icon{background-image:url("./assets/icons.svg");background-position-x:0;background-position-y:var(--icon-offset-regular);background-repeat:no-repeat;display:inline-block;height:var(--icon-size);min-height:var(--icon-size);min-width:var(--icon-size);vertical-align:middle;width:var(--icon-size)}.Icon.Inverse{background-position-y:var(--icon-offset-inverse)}.Icon.Primary{background-position-y:var(--icon-offset-primary)}.Icon.Warning{background-position-y:var(--icon-offset-warning)}.Icon.Positive{background-position-y:var(--icon-offset-positive)}.Icon.Negative{background-position-y:var(--icon-offset-negative)}.Icon.Blank{background-position-x:-32px}.Icon.Spinner{background-position-x:-64px}.Icon.Device{background-position-x:-96px}.Icon.Checkmark{background-position-x:-128px}.Icon.Crossmark{background-position-x:-160px}.Icon.Join{background-position-x:-192px}.Icon.Checkbox{background-position-x:-224px}.Icon.Checkbox.Checked{background-position-x:-256px}.Icon.Caution{background-position-x:-288px}.Icon.Error{background-position-x:-320px}.Icon.Success{background-position-x:-352px}.Icon.Selection{background-position-x:-384px}.Icon.Selection-clear{background-position-x:-416px}.Icon.Power{background-position-x:-448px}.Icon.Sorting{background-position-x:-480px}.Icon.Pointer{background-position-x:-512px}.Icon.Pointer.Up{background-position-x:-512px}.Icon.Pointer.Right{background-position-x:-544px}.Icon.Pointer.Down{background-position-x:-576px}.Icon.Pointer.Left{background-position-x:-608px}.Icon.Search{background-position-x:-640px}.Icon.RadioInput{background-position-x:-672px}.Icon.RadioInput.Checked{background-position-x:-704px}.Icon.Cogwheel{background-position-x:-736px}.Icon.Puzzle{background-position-x:-768px}.Icon.Droplet{background-position-x:-800px}.Icon.Thermometer{background-position-x:-832px}.Icon.Watch{background-position-x:-864px}.Icon.Network{background-position-x:-896px}.Icon.Gateway{background-position-x:-928px}.Icon.Heartbeat{background-position-x:-960px}.Icon.Button{background-position-x:-992px}.Icon.Export{background-position-x:-1024px}.Icon.Import{background-position-x:-1056px}.Icon.Enter{background-position-x:-1088px}.Icon.Exit{background-position-x:-1120px}.Icon.Filter{background-position-x:-1152px}.Icon.Extra{background-position-x:-1184px}.Icon.Led{background-position-x:-1216px}.Icon.Led.On{background-position-x:-1216px}.Icon.Led.Off{background-position-x:-1248px}.Icon.Battery{background-position-x:-1280px}.Icon.Battery.Full{background-position-x:-1280px}.Icon.Battery.Good{background-position-x:-1312px}.Icon.Battery.Medium{background-position-x:-1344px}.Icon.Battery.Low{background-position-x:-1376px}.Icon.Battery.Empty{background-position-x:-1408px}.Icon.Battery.Faulty{background-position-x:-1440px}.Icon.Battery.Unknown{background-position-x:-1472px}.Icon.LineChart{background-position-x:-1504px}.Icon.BarChart{background-position-x:-1536px}.Icon.File{background-position-x:-1568px}.Icon.Storage{background-position-x:-1600px}.Icon.Location{background-position-x:-1632px}.Icon.Flag{background-position-x:-1664px}.ImageStack .ImageStack-images{align-items:center;display:flex;height:30rem;justify-content:center;position:relative}.ImageStack .ImageStack-image{display:block;list-style:none;margin:0;padding:0;position:absolute;transition:all .5s ease}.ImageStack .ImageStack-image figure{height:33rem;position:relative}.ImageStack .ImageStack-image img{display:block;margin:auto;max-height:30rem}.ImageStack .ImageStack-image figcaption{bottom:0;font-size:.9rem;line-height:1.5;margin:1rem auto;position:absolute;text-align:center;width:100%}.ImageStack .ImageStack-image:not([data-is-active='true']){opacity:0;transform:scale(.8)}.ImageStack .ImageStack-image[data-is-active='true']{opacity:1;transform:scale(1)}.ImageStack .ImageStack-navigation{align-items:center;display:flex;justify-content:center;margin:1rem auto}.ImageStack .ImageStack-navigation li{padding:.5rem}.ImageStack .ImageStack-navigation .Button{padding:0}.ImageStack .ImageStack-navigation .Button[data-is-active='true']{background-color:var(--bg-backdrop);color:var(--fg-backdrop)}.ImageStack .ImageStack-navigation .Button-labelText{padding:0}@media (max-width:50rem){.ImageStack .ImageStack-navigationImage{display:none}}.Input{align-items:flex-start;cursor:pointer;display:flex;flex-flow:column;justify-content:flex-start;width:100%}.Input-labelText{padding:.5rem}.Input-noteText{font-size:.9rem;margin:0;opacity:.8;padding:.5rem}.Input-control{appearance:textfield;background-color:hsla(var(--fg-hsl), 0.05);border:solid 2px hsla(var(--fg-hsl), 0.8);border-radius:var(--border-radius-controls);color:var(--fg);font-family:inherit;font-size:1rem;font-weight:400;height:3rem;margin:0;opacity:.8;outline:0;padding:0 1rem;width:100%}.Input-control:hover,.Input-control:focus,.Input-control:active{opacity:1}.Input-control:focus,.Input-control:active{background-color:hsla(var(--bg-primary-hsl), 0.1);border:solid 2px hsla(var(--bg-primary-hsl), 1.0)}.Input-control::-webkit-outer-spin-button,.Input-control::-webkit-inner-spin-button{-webkit-appearance:none}.Input-control::-moz-focus-inner,.Input-control::-moz-focus-outer{border:0;padding:0}:root{--logo-symples-width:125px;--logo-symples-height:32px;--logo-symples-url-regular:url("./assets/logo-symples.svg");--logo-symples-url-inverse:url("./assets/logo-symples-inverse.svg");--logo-symples-join-width:203px;--logo-symples-join-height:32px;--logo-symples-join-url-regular:url("./assets/logo-symples-join.svg");--logo-symples-join-url-inverse:url("./assets/logo-symples-join-inverse.svg");--logo-symples-otap-width:207px;--logo-symples-otap-height:32px;--logo-symples-otap-url-regular:url("./assets/logo-symples-otap.svg");--logo-symples-otap-url-inverse:url("./assets/logo-symples-otap-inverse.svg");--logo-symples-insight-width:244px;--logo-symples-insight-height:32px;--logo-symples-insight-url-regular:url("./assets/logo-symples-insight.svg");--logo-symples-insight-url-inverse:url("./assets/logo-symples-insight-inverse.svg")}.Logo{background-position-x:0;background-position-y:0;background-repeat:no-repeat;display:block;margin:0;overflow:hidden;text-indent:-666em}.Logo.Logo-symplesJoin{background-image:var(--logo-symples-join-url-regular);height:var(--logo-symples-join-height);min-height:var(--logo-symples-join-height);min-width:var(--logo-symples-join-width);width:var(--logo-symples-join-height)}.Logo.Logo-symples{background-image:var(--logo-symples-url-regular);height:var(--logo-symples-height);min-height:var(--logo-symples-height);min-width:var(--logo-symples-width);width:var(--logo-symples-height)}.Logo.Logo-symplesOtap{background-image:var(--logo-symples-otap-url-regular);height:var(--logo-symples-otap-height);min-height:var(--logo-symples-otap-height);min-width:var(--logo-symples-otap-width);width:var(--logo-symples-otap-height)}.Logo.Logo-symplesInsight{background-image:var(--logo-symples-insight-url-regular);height:var(--logo-symples-insight-height);min-height:var(--logo-symples-insight-height);min-width:var(--logo-symples-insight-width);width:var(--logo-symples-insight-height)}.Navigation{pointer-events:none}.Navigation ul{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:auto;padding:.5rem}.Navigation ul li{list-style:none;margin:0;padding:.5rem}.Navigation ul li > *{pointer-events:auto}.Navigation[data-position='top']{position:sticky;top:0}.Navigation[data-position='bottom']{position:sticky;bottom:0}@media (max-width:50rem){.Navigation li:not([data-compact]){flex-grow:1}}@media (max-width:40rem){.Navigation li:not([data-compact]){flex-grow:1}.Navigation li:not([data-compact]) .Button{justify-content:flex-start;text-align:left}}.Section{align-items:center;display:flex;height:100vh;left:0;margin:auto;overflow-x:hidden;overflow-y:auto;padding:2rem;position:absolute;top:0;transform-origin:center;width:100vw}.Section-body{display:block;margin:auto}.Section-logo{margin:3rem auto}.Section:not([data-is-active='true']){opacity:0;pointer-events:none;z-index:-1}.SectionBenefits{background-color:var(--bg);color:var(--fg);text-align:center;transition:all 1s ease}.SectionBenefits .Section-body{transition:all 1s ease;max-width:60rem}.SectionBenefits .Navigation .Button.Inverse{background-color:var(--bg-backdrop)}.SectionBenefits svg{stroke-dasharray:0 800px;transition:all 9s ease}.SectionBenefits .SectionBenefits-benefits{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:center;margin:0;padding:0;text-align:left}.SectionBenefits .SectionBenefits-benefits li{align-items:flex-start;display:flex;flex-basis:50%;justify-content:flex-start;line-height:1.5em;list-style:none;padding:1rem}.SectionBenefits .SectionBenefits-benefits svg{display:block;margin:0;min-width:140px;padding:0;margin-right:1rem}.SectionBenefits .SectionBenefits-benefits p{font-size:.9rem;margin:.5rem 0}.SectionBenefits .SectionBenefits-intro{margin:3rem auto}.SectionBenefits .SectionBenefits-intro{transition:all 1s ease}.SectionBenefits .SectionBenefits-production{transition:all 1.2s ease}.SectionBenefits .SectionBenefits-growth{transition:all 1.4s ease}.SectionBenefits .SectionBenefits-support{transition:all 1.6s ease}.SectionBenefits .SectionBenefits-reach{transition:all 1.8s ease}.SectionBenefits .Navigation{transition:all 2s ease}.SectionBenefits:not([data-is-active='true']){opacity:0}.SectionBenefits:not([data-is-active='true']) .Section-body{transform:translateY(50%)}.SectionBenefits:not([data-is-active='true']) svg{stroke-dasharray:0 800px}.SectionBenefits:not([data-is-active='true']) .SectionBenefits-intro,.SectionBenefits:not([data-is-active='true']) .SectionBenefits-production,.SectionBenefits:not([data-is-active='true']) .SectionBenefits-growth,.SectionBenefits:not([data-is-active='true']) .SectionBenefits-support,.SectionBenefits:not([data-is-active='true']) .SectionBenefits-reach,.SectionBenefits:not([data-is-active='true']) .Navigation{opacity:0}.SectionBenefits:not([data-is-active='true']) .SectionBenefits-intro{transform:scale(.8) translateY(50%)}.SectionBenefits:not([data-is-active='true']) .SectionBenefits-production{transform:scale(.8) translateY(60%)}.SectionBenefits:not([data-is-active='true']) .SectionBenefits-growth{transform:scale(.8) translateY(70%)}.SectionBenefits:not([data-is-active='true']) .SectionBenefits-support{transform:scale(.8) translateY(80%)}.SectionBenefits:not([data-is-active='true']) .SectionBenefits-reach{transform:scale(.8) translateY(90%)}.SectionBenefits:not([data-is-active='true']) .Navigation{transform:translateY(50%)}.SectionBenefits[data-is-active='true']{opacity:1}.SectionBenefits[data-is-active='true'] .Section-body{transform:translateY(0)}.SectionBenefits[data-is-active='true'] svg{stroke-dasharray:800px 800px}.SectionBenefits[data-is-active='true'] .SectionBenefits-intro,.SectionBenefits[data-is-active='true'] .SectionBenefits-production,.SectionBenefits[data-is-active='true'] .SectionBenefits-growth,.SectionBenefits[data-is-active='true'] .SectionBenefits-support,.SectionBenefits[data-is-active='true'] .SectionBenefits-reach,.SectionBenefits[data-is-active='true'] .Navigation{opacity:1}.SectionBenefits[data-is-active='true'] .SectionBenefits-intro{transform:scale(1) translateY(0)}.SectionBenefits[data-is-active='true'] .SectionBenefits-production{transform:scale(1) translateY(0)}.SectionBenefits[data-is-active='true'] .SectionBenefits-growth{transform:scale(1) translateY(0)}.SectionBenefits[data-is-active='true'] .SectionBenefits-support{transform:scale(1) translateY(0)}.SectionBenefits[data-is-active='true'] .SectionBenefits-reach{transform:scale(1) translateY(0)}.SectionBenefits[data-is-active='true'] .Navigation{transform:translateY(0)}@media (max-width:60rem){.SectionBenefits .SectionBenefits-benefits{flex-wrap:wrap}.SectionBenefits .SectionBenefits-benefits li{flex-basis:100%}}@media (max-width:40rem){.SectionBenefits .SectionBenefits-benefits{flex-wrap:wrap}.SectionBenefits .SectionBenefits-benefits li{display:flex;flex-basis:100%;flex-flow:row-reverse;padding:1rem 0}.SectionBenefits .SectionBenefits-benefits svg{margin:0}}.SectionDiscoverSymples{background-color:var(--fg);background-position-x:0;background-position-y:0;background-repeat:no-repeat;background-size:cover;color:var(--bg);transition:all 1s ease}.SectionDiscoverSymples .Logo-symples{background-image:var(--logo-symples-url-inverse);margin:3rem auto}.SectionDiscoverSymples .Logo-symplesOtap{background-image:var(--logo-symples-otap-url-inverse)}.SectionDiscoverSymples .Logo-symplesInsight{background-image:var(--logo-symples-insight-url-inverse)}.SectionDiscoverSymples .Section-body{max-width:50rem;position:relative;transition:all 1s ease;z-index:1}.SectionDiscoverSymples .SectionDiscoverSymples-backdrop{align-items:center;display:flex;justify-content:center;left:50%;opacity:.2;overflow:hidden;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:-1}.SectionDiscoverSymples .SectionDiscoverSymples-intro{padding:1rem}.SectionDiscoverSymples .SectionDiscoverSymples-products{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:center;margin:0;padding:1rem}.SectionDiscoverSymples .SectionDiscoverSymples-products > *{flex-basis:50%;flex-grow:1;margin:0;padding:2rem}.SectionDiscoverSymples .SectionDiscoverSymples-products ol{counter-reset:items;list-style:none;margin:0;padding:0}.SectionDiscoverSymples .SectionDiscoverSymples-products li{line-height:1.5em;margin:1rem 0}.SectionDiscoverSymples .SectionDiscoverSymples-products li:before{content:counters(items);counter-increment:items;font-size:2rem;font-weight:800;letter-spacing:-.05em}.SectionDiscoverSymples .SectionDiscoverSymples-intro{transition:all 1s ease}.SectionDiscoverSymples .SectionDiscoverSymples-symplesOtap{transition:all 1.2s ease}.SectionDiscoverSymples .SectionDiscoverSymples-symplesInsight{transition:all 1.4s ease}.SectionDiscoverSymples .Navigation{transition:all 1.6s ease}.SectionDiscoverSymples:not([data-is-active='true']){opacity:0}.SectionDiscoverSymples:not([data-is-active='true']) .SectionDiscoverSymples-intro,.SectionDiscoverSymples:not([data-is-active='true']) .SectionDiscoverSymples-symplesOtap,.SectionDiscoverSymples:not([data-is-active='true']) .SectionDiscoverSymples-symplesInsight,.SectionDiscoverSymples:not([data-is-active='true']) .SectionDiscoverSymples-backdrop,.SectionDiscoverSymples:not([data-is-active='true']) .Navigation{opacity:0}.SectionDiscoverSymples:not([data-is-active='true']) .SectionDiscoverSymples-intro{transform:translateX(50%)}.SectionDiscoverSymples:not([data-is-active='true']) .SectionDiscoverSymples-symplesOtap{transform:translateX(60%)}.SectionDiscoverSymples:not([data-is-active='true']) .SectionDiscoverSymples-symplesInsight{transform:translateX(70%)}.SectionDiscoverSymples:not([data-is-active='true']) .Navigation{transform:translateX(80%)}.SectionDiscoverSymples[data-is-active='true']{opacity:1}.SectionDiscoverSymples[data-is-active='true'] .SectionDiscoverSymples-intro,.SectionDiscoverSymples[data-is-active='true'] .SectionDiscoverSymples-symplesOtap,.SectionDiscoverSymples[data-is-active='true'] .SectionDiscoverSymples-symplesInsight,.SectionDiscoverSymples[data-is-active='true'] .Navigation{opacity:1}.SectionDiscoverSymples[data-is-active='true'] .SectionDiscoverSymples-backdrop{opacity:.2}.SectionDiscoverSymples[data-is-active='true'] .SectionDiscoverSymples-intro{transform:translateX(0)}.SectionDiscoverSymples[data-is-active='true'] .SectionDiscoverSymples-symplesOtap{transform:translateX(0)}.SectionDiscoverSymples[data-is-active='true'] .SectionDiscoverSymples-symplesInsight{transform:translateX(0)}.SectionDiscoverSymples[data-is-active='true'] .Navigation{transform:translateX(0)}@media (max-width:40rem){.SectionDiscoverSymples .SectionDiscoverSymples-products > *{margin:0;padding:2rem 0}}.SectionDiscoverSymplesJoin{text-align:center;transition:all 1s ease}.SectionDiscoverSymplesJoin .Section-body{max-width:60rem}.SectionDiscoverSymplesJoin svg{stroke-dasharray:0 800px;transition:all 11s ease}.SectionDiscoverSymplesJoin .SectionDiscoverSymplesJoin-steps{align-items:flex-start;display:flex;justify-content:center;margin:0;padding:0}.SectionDiscoverSymplesJoin .SectionDiscoverSymplesJoin-steps li{display:block;flex-basis:25%;line-height:1.5em;list-style:decimal;list-style:none;margin:0;padding:1rem}.SectionDiscoverSymplesJoin .SectionDiscoverSymplesJoin-steps svg{display:block;margin:auto;min-width:200px;padding:0}.SectionDiscoverSymplesJoin .SectionDiscoverSymplesJoin-steps p{padding:0 .5rem}.SectionDiscoverSymplesJoin .SectionDiscoverSymplesJoin-step{align-items:center;background-color:var(--fg);border-radius:1.5rem;color:var(--bg);display:flex;font-size:1.2rem;font-weight:800;height:3rem;justify-content:center;margin:1rem auto;text-align:center;width:3rem}.SectionDiscoverSymplesJoin .SectionDiscoverSymplesJoin-intro{margin:3rem auto}.SectionDiscoverSymplesJoin .SectionDiscoverSymplesJoin-intro{transition:all 1s ease}.SectionDiscoverSymplesJoin .SectionDiscoverSymplesJoin-stepConnect{transition:all 1.2s ease}.SectionDiscoverSymplesJoin .SectionDiscoverSymplesJoin-stepSetup{transition:all 1.4s ease}.SectionDiscoverSymplesJoin .SectionDiscoverSymplesJoin-stepConfig{transition:all 1.6s ease}.SectionDiscoverSymplesJoin .SectionDiscoverSymplesJoin-stepJoin{transition:all 1.8s ease}.SectionDiscoverSymplesJoin .Navigation{transition:all 2s ease}.SectionDiscoverSymplesJoin:not([data-is-active='true']){transform:translateY(50%);opacity:0}.SectionDiscoverSymplesJoin:not([data-is-active='true']) svg{stroke-dasharray:0 800px}.SectionDiscoverSymplesJoin:not([data-is-active='true']) .SectionDiscoverSymplesJoin-intro,.SectionDiscoverSymplesJoin:not([data-is-active='true']) .SectionDiscoverSymplesJoin-stepConnect,.SectionDiscoverSymplesJoin:not([data-is-active='true']) .SectionDiscoverSymplesJoin-stepSetup,.SectionDiscoverSymplesJoin:not([data-is-active='true']) .SectionDiscoverSymplesJoin-stepConfig,.SectionDiscoverSymplesJoin:not([data-is-active='true']) .SectionDiscoverSymplesJoin-stepJoin,.SectionDiscoverSymplesJoin:not([data-is-active='true']) .Navigation{opacity:0}.SectionDiscoverSymplesJoin:not([data-is-active='true']) .SectionDiscoverSymplesJoin-intro{transform:scale(.8)}.SectionDiscoverSymplesJoin:not([data-is-active='true']) .SectionDiscoverSymplesJoin-stepConnect{transform:scale(.8)}.SectionDiscoverSymplesJoin:not([data-is-active='true']) .SectionDiscoverSymplesJoin-stepSetup{transform:scale(.8)}.SectionDiscoverSymplesJoin:not([data-is-active='true']) .SectionDiscoverSymplesJoin-stepConfig{transform:scale(.8)}.SectionDiscoverSymplesJoin:not([data-is-active='true']) .SectionDiscoverSymplesJoin-stepJoin{transform:scale(.8)}.SectionDiscoverSymplesJoin:not([data-is-active='true']) .Navigation{transform:translateY(50%)}.SectionDiscoverSymplesJoin[data-is-active='true']{transform:translateY(0);opacity:1}.SectionDiscoverSymplesJoin[data-is-active='true'] svg{stroke-dasharray:800px 800px}.SectionDiscoverSymplesJoin[data-is-active='true'] .SectionDiscoverSymplesJoin-intro,.SectionDiscoverSymplesJoin[data-is-active='true'] .SectionDiscoverSymplesJoin-stepConnect,.SectionDiscoverSymplesJoin[data-is-active='true'] .SectionDiscoverSymplesJoin-stepSetup,.SectionDiscoverSymplesJoin[data-is-active='true'] .SectionDiscoverSymplesJoin-stepConfig,.SectionDiscoverSymplesJoin[data-is-active='true'] .SectionDiscoverSymplesJoin-stepJoin,.SectionDiscoverSymplesJoin[data-is-active='true'] .Navigation{opacity:1}.SectionDiscoverSymplesJoin[data-is-active='true'] .SectionDiscoverSymplesJoin-intro{transform:scale(1)}.SectionDiscoverSymplesJoin[data-is-active='true'] .SectionDiscoverSymplesJoin-stepConnect{transform:scale(1)}.SectionDiscoverSymplesJoin[data-is-active='true'] .SectionDiscoverSymplesJoin-stepSetup{transform:scale(1)}.SectionDiscoverSymplesJoin[data-is-active='true'] .SectionDiscoverSymplesJoin-stepConfig{transform:scale(1)}.SectionDiscoverSymplesJoin[data-is-active='true'] .SectionDiscoverSymplesJoin-stepJoin{transform:scale(1)}.SectionDiscoverSymplesJoin[data-is-active='true'] .Navigation{transform:translateY(0)}@media (max-width:60rem){.SectionDiscoverSymplesJoin .SectionDiscoverSymplesJoin-steps{flex-wrap:wrap}.SectionDiscoverSymplesJoin .SectionDiscoverSymplesJoin-steps li{flex-basis:50%;padding:1rem}}@media (max-width:40rem){.SectionDiscoverSymplesJoin .SectionDiscoverSymplesJoin-steps{flex-wrap:wrap}.SectionDiscoverSymplesJoin .SectionDiscoverSymplesJoin-steps li{flex-basis:100%;padding:1rem}}.SectionGallery{background-color:var(--bg);color:var(--fg);transition:all 1s ease}.SectionGallery .Navigation .Button.Inverse{background-color:var(--bg-backdrop)}.SectionGallery .Section-body{max-width:60rem;text-align:center}.SectionGallery .Section-logo{margin:3rem auto}.SectionGallery .SectionGallery-images{margin:1rem auto}@media (max-width:50rem){.SectionGallery-images{width:100%}}.SectionHowItWorks{text-align:center;transition:all 1s ease}.SectionHowItWorks .Section-body{max-width:60rem}.SectionHowItWorks svg{stroke-dasharray:0 800px;transition:all 13s ease;margin:auto}.SectionHowItWorks .SectionHowItWorks-intro,.SectionHowItWorks .SectionHowItWorks-manufacturer,.SectionHowItWorks .SectionHowItWorks-customer{margin:3rem auto}.SectionHowItWorks .SectionHowItWorks-intro{transition:all 1s ease}.SectionHowItWorks .SectionHowItWorks-manufacturer{transition:all 1.2s ease}.SectionHowItWorks .SectionHowItWorks-customer{transition:all 1.4s ease}.SectionHowItWorks .Navigation{transition:all 1.6s ease}.SectionHowItWorks:not([data-is-active='true']){opacity:0}.SectionHowItWorks:not([data-is-active='true']) svg{stroke-dasharray:0 800px}.SectionHowItWorks:not([data-is-active='true']) .Section-body{transform:translateY(50%)}.SectionHowItWorks:not([data-is-active='true']) .SectionHowItWorks-manufacturer-image-horizontal,.SectionHowItWorks:not([data-is-active='true']) .SectionHowItWorks-customer-image-horizontal,.SectionHowItWorks:not([data-is-active='true']) .SectionHowItWorks-manufacturer-image-vertical,.SectionHowItWorks:not([data-is-active='true']) .SectionHowItWorks-customer-image-vertical{margin:auto}.SectionHowItWorks:not([data-is-active='true']) .SectionHowItWorks-intro,.SectionHowItWorks:not([data-is-active='true']) .Navigation{opacity:0}.SectionHowItWorks:not([data-is-active='true']) .SectionHowItWorks-intro{transform:scale(.8) translateY(50%)}.SectionHowItWorks:not([data-is-active='true']) .SectionHowItWorks-manufacturer{transform:scale(.8) translateY(60%)}.SectionHowItWorks:not([data-is-active='true']) .SectionHowItWorks-customer{transform:scale(.8) translateY(70%)}.SectionHowItWorks:not([data-is-active='true']) .Navigation{transform:translateY(50%)}.SectionHowItWorks[data-is-active='true']{opacity:1}.SectionHowItWorks[data-is-active='true'] svg{stroke-dasharray:800px 800px}.SectionHowItWorks[data-is-active='true'] .Section-body{transform:translateY(0)}.SectionHowItWorks[data-is-active='true'] .SectionHowItWorks-intro,.SectionHowItWorks[data-is-active='true'] .Navigation{opacity:1}.SectionHowItWorks[data-is-active='true'] .SectionHowItWorks-intro{transform:scale(1) translateY(0)}.SectionHowItWorks[data-is-active='true'] .SectionHowItWorks-manufacturer{transform:scale(1) translateY(0)}.SectionHowItWorks[data-is-active='true'] .SectionHowItWorks-customer{transform:scale(1) translateY(0)}.SectionHowItWorks[data-is-active='true'] .Navigation{transform:translateY(0)}@media (max-width:60rem){.SectionHowItWorks-manufacturer-image-horizontal,.SectionHowItWorks-customer-image-horizontal{display:none}.SectionHowItWorks-manufacturer-image-vertical,.SectionHowItWorks-customer-image-vertical{display:block}}@media (min-width:60rem){.SectionHowItWorks-manufacturer-image-horizontal,.SectionHowItWorks-customer-image-horizontal{display:block}.SectionHowItWorks-manufacturer-image-vertical,.SectionHowItWorks-customer-image-vertical{display:none}}.SectionIntro{transition:all 1s ease}.SectionIntro .Section-body{max-width:70rem;position:relative;z-index:1}.SectionIntro h1{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.SectionIntro h1 span{margin:.25rem;white-space:nowrap}.SectionIntro h2,.SectionIntro p{display:inline;font-size:1rem;line-height:1.5}.SectionIntro h2:after{content:'';margin-right:.5em}.SectionIntro .SectionIntro-backdrop{align-items:center;display:flex;justify-content:center;left:50%;overflow:hidden;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:-1}.SectionIntro .SectionIntro-intro,.SectionIntro .Navigation{margin:3rem auto}.SectionIntro .SectionIntro-body{align-items:stretch;display:flex;justify-content:stretch}.SectionIntro .SectionIntro-video{align-items:center;background-color:var(--fg);border-radius:.5rem 0 0 .5rem;color:var(--bg);display:flex;flex-basis:60%;overflow:hidden;padding:1rem}.SectionIntro .SectionIntro-content{background-color:var(--fg);border-radius:0 .5rem .5rem 0;color:var(--bg);flex-basis:40%;overflow:hidden;padding:1rem 0}.SectionIntro .SectionIntro-users,.SectionIntro .SectionIntro-providers,.SectionIntro .SectionIntro-more{padding:1rem}.SectionIntro .SectionIntro-intro{transition:all .4s ease}.SectionIntro .SectionIntro-video{transition:all .6s ease}.SectionIntro .SectionIntro-content{transition:all .8s ease}.SectionIntro .SectionIntro-users{transition:all 1s ease}.SectionIntro .SectionIntro-providers{transition:all 1.2s ease}.SectionIntro .SectionIntro-more{transition:all 1.4s ease}.SectionIntro .Navigation{transition:all 1.6s ease}.SectionIntro:not([data-is-active='true']){opacity:0}.SectionIntro:not([data-is-active='true']) .SectionIntro-intro,.SectionIntro:not([data-is-active='true']) .SectionIntro-video,.SectionIntro:not([data-is-active='true']) .SectionIntro-content,.SectionIntro:not([data-is-active='true']) .SectionIntro-users,.SectionIntro:not([data-is-active='true']) .SectionIntro-providers,.SectionIntro:not([data-is-active='true']) .SectionIntro-more,.SectionIntro:not([data-is-active='true']) .Navigation{opacity:0}.SectionIntro:not([data-is-active='true']) .SectionIntro-intro{transform:translateY(-50%)}.SectionIntro:not([data-is-active='true']) .SectionIntro-video{transform:scale(.8) translateX(-50%)}.SectionIntro:not([data-is-active='true']) .SectionIntro-content{transform:scale(.8) translateX(50%)}.SectionIntro:not([data-is-active='true']) .SectionIntro-users{transform:scale(.8) translateX(20%)}.SectionIntro:not([data-is-active='true']) .SectionIntro-providers{transform:scale(.8) translateX(40%)}.SectionIntro:not([data-is-active='true']) .SectionIntro-more{transform:scale(.8) translateX(60%)}.SectionIntro:not([data-is-active='true']) .Navigation{transform:translateY(50%)}.SectionIntro[data-is-active='true']{opacity:1}.SectionIntro[data-is-active='true'] .SectionIntro-intro,.SectionIntro[data-is-active='true'] .SectionIntro-video,.SectionIntro[data-is-active='true'] .SectionIntro-content,.SectionIntro[data-is-active='true'] .SectionIntro-users,.SectionIntro[data-is-active='true'] .SectionIntro-providers,.SectionIntro[data-is-active='true'] .SectionIntro-more,.SectionIntro[data-is-active='true'] .Navigation{opacity:1}.SectionIntro[data-is-active='true'] .SectionIntro-intro{transform:translateY(0)}.SectionIntro[data-is-active='true'] .SectionIntro-video{transform:scale(1) translateX(0)}.SectionIntro[data-is-active='true'] .SectionIntro-content{transform:scale(1) translateX(0)}.SectionIntro[data-is-active='true'] .SectionIntro-users{transform:scale(1) translateX(0)}.SectionIntro[data-is-active='true'] .SectionIntro-providers{transform:scale(1) translateX(0)}.SectionIntro[data-is-active='true'] .SectionIntro-more{transform:scale(1) translateX(0)}.SectionIntro[data-is-active='true'] .Navigation{transform:translateY(0)}@media (max-width:55rem){.SectionIntro h2,.SectionIntro p{font-size:1.2rem}.SectionIntro .SectionIntro-body{background-color:transparent;display:block;padding:0}.SectionIntro .SectionIntro-video{border-radius:.5rem .5rem 0 0;margin:0;padding:0}.SectionIntro .SectionIntro-content{border-radius:0 0 .5rem .5rem;padding:1.5rem}.SectionIntro .SectionIntro-backdrop{opacity:.4}}@media (max-width:30rem){.SectionIntro h2,.SectionIntro p{font-size:1rem}.SectionIntro .SectionIntro-content{padding:1rem}}.SectionIntroBackdrop{margin:0;padding:0}.SectionIntroBackdrop-innerPuffs,.SectionIntroBackdrop-outerPuffs,.SectionIntroBackdrop-clutterOutlines,.SectionIntroBackdrop-clutterAccents{transform-origin:center;animation-iteration-count:1}.SectionIntroBackdrop-outerPuffs{animation-duration:1.5s}.SectionIntroBackdrop-innerPuffs{animation-duration:2s}.SectionIntroBackdrop-clutterOutlines{animation-duration:3s}.SectionIntroBackdrop-clutterAccents{animation-duration:3.5s}.Section[data-is-active='true'] .SectionIntroBackdrop-innerPuffs,.Section[data-is-active='true'] .SectionIntroBackdrop-outerPuffs,.Section[data-is-active='true'] .SectionIntroBackdrop-clutterOutlines,.Section[data-is-active='true'] .SectionIntroBackdrop-clutterAccents{animation-name:Animation-pow}@-moz-keyframes Animation-pow{0%{transform:scale(0)}33%{transform:scale(.11)}100%{transform:scale(1)}}@-webkit-keyframes Animation-pow{0%{transform:scale(0)}33%{transform:scale(.11)}100%{transform:scale(1)}}@-o-keyframes Animation-pow{0%{transform:scale(0)}33%{transform:scale(.11)}100%{transform:scale(1)}}@keyframes Animation-pow{0%{transform:scale(0)}33%{transform:scale(.11)}100%{transform:scale(1)}}.SectionWorkWithUs{background-color:var(--fg);color:var(--bg);text-align:center;transition:all 1s ease}.SectionWorkWithUs .Section-body{max-width:60rem}.SectionWorkWithUs .Section-logo{background-image:var(--logo-symples-join-url-inverse)}.SectionWorkWithUs svg{stroke-dasharray:0 800px;transition:all 13s ease}.SectionWorkWithUs .SectionWorkWithUs-options{align-items:flex-start;display:flex;justify-content:center}.SectionWorkWithUs .SectionWorkWithUs-options li{flex-basis:30%;list-style:none;padding:1rem}.SectionWorkWithUs .SectionWorkWithUs-cta{align-items:center;background-color:var(--bg-primary);border-radius:60px;color:var(--fg-primary);display:flex;height:120px;justify-content:center;margin:2rem auto;overflow:hidden;overflow:visible;position:relative;text-indent:-666em;transform:scale(1);transition:all .3s ease;width:120px}.SectionWorkWithUs .SectionWorkWithUs-cta:before{background-color:var(--bg-primary);border-radius:60px;content:'';height:120px;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transform:scale(1);transition:all 2s ease;width:120px;z-index:10}.SectionWorkWithUs .SectionWorkWithUs-cta svg{transform:scale(1);transition:all 1s ease;z-index:20}.SectionWorkWithUs .SectionWorkWithUs-cta:hover{transform:scale(1.1)}.SectionWorkWithUs .SectionWorkWithUs-cta:hover:before{transform:scale(3);opacity:.1}.SectionWorkWithUs .SectionWorkWithUs-cta:hover svg{transform:scale(1.2)}.SectionWorkWithUs .SectionWorkWithUs-intro,.SectionWorkWithUs .SectionWorkWithUs-options{margin:3rem auto}.SectionWorkWithUs .SectionWorkWithUs-contact{margin:3rem auto 12rem}.SectionWorkWithUs .SectionWorkWithUs-intro{transition:all 1s ease}.SectionWorkWithUs .SectionWorkWithUs-toolbox{transition:all 1.2s ease}.SectionWorkWithUs .SectionWorkWithUs-solutions{transition:all 1.4s ease}.SectionWorkWithUs .SectionWorkWithUs-manufacturing{transition:all 1.6s ease}.SectionWorkWithUs .SectionWorkWithUs-contact{transition:all 1.8s ease}.SectionWorkWithUs .Navigation{transition:all 2s ease}.SectionWorkWithUs:not([data-is-active='true']){opacity:0}.SectionWorkWithUs:not([data-is-active='true']) svg{stroke-dasharray:0 800px}.SectionWorkWithUs:not([data-is-active='true']) .Section-body{transform:translateY(50%)}.SectionWorkWithUs:not([data-is-active='true']) .SectionWorkWithUs-intro,.SectionWorkWithUs:not([data-is-active='true']) .SectionWorkWithUs-toolbox,.SectionWorkWithUs:not([data-is-active='true']) .SectionWorkWithUs-solutions,.SectionWorkWithUs:not([data-is-active='true']) .SectionWorkWithUs-manufacturing,.SectionWorkWithUs:not([data-is-active='true']) .SectionWorkWithUs-contact,.SectionWorkWithUs:not([data-is-active='true']) .Navigation{opacity:0}.SectionWorkWithUs:not([data-is-active='true']) .SectionWorkWithUs-intro{transform:scale(.8) translateY(50%)}.SectionWorkWithUs:not([data-is-active='true']) .SectionWorkWithUs-toolbox{transform:scale(.8) translateY(60%)}.SectionWorkWithUs:not([data-is-active='true']) .SectionWorkWithUs-solutions{transform:scale(.8) translateY(70%)}.SectionWorkWithUs:not([data-is-active='true']) .SectionWorkWithUs-manufacturing{transform:scale(.8) translateY(80%)}.SectionWorkWithUs:not([data-is-active='true']) .SectionWorkWithUs-contact{transform:scale(.8) translateY(90%)}.SectionWorkWithUs:not([data-is-active='true']) .Navigation{transform:translateY(50%)}.SectionWorkWithUs[data-is-active='true']{opacity:1}.SectionWorkWithUs[data-is-active='true'] svg{stroke-dasharray:800px 800px}.SectionWorkWithUs[data-is-active='true'] .Section-body{transform:translateY(0)}.SectionWorkWithUs[data-is-active='true'] .SectionWorkWithUs-intro,.SectionWorkWithUs[data-is-active='true'] .SectionWorkWithUs-toolbox,.SectionWorkWithUs[data-is-active='true'] .SectionWorkWithUs-solutions,.SectionWorkWithUs[data-is-active='true'] .SectionWorkWithUs-manufacturing,.SectionWorkWithUs[data-is-active='true'] .SectionWorkWithUs-contact,.SectionWorkWithUs[data-is-active='true'] .Navigation{opacity:1}.SectionWorkWithUs[data-is-active='true'] .SectionWorkWithUs-intro{transform:scale(1) translateY(0)}.SectionWorkWithUs[data-is-active='true'] .SectionWorkWithUs-toolbox{transform:scale(1) translateY(0)}.SectionWorkWithUs[data-is-active='true'] .SectionWorkWithUs-solutions{transform:scale(1) translateY(0)}.SectionWorkWithUs[data-is-active='true'] .SectionWorkWithUs-manufacturing{transform:scale(1) translateY(0)}.SectionWorkWithUs[data-is-active='true'] .SectionWorkWithUs-contact{transform:scale(1) translateY(0)}.SectionWorkWithUs[data-is-active='true'] .Navigation{transform:translateY(0)}@media (max-width:60rem){.SectionWorkWithUs .SectionWorkWithUs-options{flex-wrap:wrap}.SectionWorkWithUs .SectionWorkWithUs-options li{flex-basis:50%}}@media (max-width:40rem){.SectionWorkWithUs .SectionWorkWithUs-options{flex-wrap:wrap}.SectionWorkWithUs .SectionWorkWithUs-options li{flex-basis:100%}}.YouTubeEmbed{aspect-ratio:16/9;display:block;margin:0;padding:0;width:100%}