:root{--color-primary: #6d4277}*{padding:0;margin:0;outline:none;border:0px;color:inherit;text-decoration:inherit;box-sizing:border-box;line-height:120%}*,*:before,*:after{vertical-align:middle}html{overflow-x:hidden;height:100%;scroll-behavior:smooth}body{min-height:100%;font-size:1.1em;font-family:Titillium Web,Open Sans,Verdana,Helvetica,Arial,sans-serif;background:#ebebeb;color:#000;display:flex;flex-flow:column nowrap;align-items:stretch;-moz-tab-size:4;tab-size:4}a,span,em,b,i,strong{vertical-align:baseline}a{text-decoration:none;cursor:pointer;font-weight:550}ul,ol{margin-left:25px}h2{margin-bottom:15px}header{padding:10px 25px 10px 10px;margin-top:15px;width:calc(100% - 30px);max-width:1200px;align-self:center;border-radius:25px;display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;color:#000;flex-shrink:0;gap:20px;position:sticky;top:15px;z-index:10;background-color:#fff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 10px #0001}header:not(~main:has(section.hero)){border-bottom:1px solid #e7e7e7}header .logo{font-weight:500;font-size:1.8em;display:flex;flex-flow:row nowrap;align-items:center;column-gap:16px;line-height:90%}header .logo img{height:60px;border-radius:16px}header nav{display:flex;flex-flow:row nowrap;align-items:center;gap:15px;text-align:center}header nav a{font-stretch:85%}header .close,header .mobile-menu-button{display:none}saps-icon{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;font-variation-settings:"FILL" 1,"wght" 200,"GRAD" 0,"opsz" 48;font-size:1.5em;display:inline-block;line-height:1em;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";cursor:inherit;-webkit-user-select:none;user-select:none;aspect-ratio:1/1;height:1em}footer{display:flex;flex-flow:column nowrap;padding:30px 10px;text-align:center;background-color:#222;color:#fff;font-size:.8em;font-weight:500;flex-shrink:0;row-gap:12px}footer nav{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;align-items:start;text-align:left;width:calc(100vw - 30px);max-width:1200px;align-self:center}footer nav nav-column{display:flex;flex-flow:column nowrap;align-items:start;gap:8px}footer nav nav-column>strong{font-size:1.1em;margin-bottom:6px}footer nav nav-column a{color:#fffc}footer nav nav-column a:hover{color:#fff}v-spacer{display:block;flex:1 1 0px}main{z-index:1;flex:1 0 auto;width:100%;display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;gap:100px;padding-bottom:100px}article{padding:50px 20px;max-width:1200px;width:90vw}article[data-framed]{background:#fff;border-radius:15px;box-shadow:0 0 20px #0001;margin-top:30px}article h1{font-weight:100}article h2{font-weight:100;margin-top:60px}section{line-height:130%;--width:1200px;padding:30px max(20px,(100vw - var(--width)) / 2);align-items:center;display:flex;flex-flow:column nowrap;gap:30px;text-align:center}section h1{font-size:3em;margin:0}section h2{font-size:2.1em;font-weight:350;font-stretch:condensed;margin:0}section h3{font-size:1.3em;font-weight:500;margin:0}section .button,section button{display:block;margin:15px auto;width:max-content;padding:12px 28px}saps-buttons{display:flex;flex-flow:row wrap;align-items:center;justify-content:center;gap:16px}section-columns{display:flex;flex-flow:row wrap;justify-content:center;align-items:stretch;gap:40px 15px;width:100%}section-columns section-column{flex:1 1 300px;max-width:400px;display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;gap:15px;text-align:center}section-columns section-column>strong{font-size:1.2em;font-weight:600}section.hero{--width:1000px;margin-top:-90px;min-height:60vh;justify-content:center;background-image:url(/images/hero-background.svg);background-size:cover;background-position:bottom center;background-repeat:no-repeat;display:flex;flex-flow:row nowrap;align-items:center;position:relative;gap:5px}section.hero .hero-content{z-index:1;flex:1 1 0px;display:flex;flex-flow:column nowrap;align-items:start;text-align:left;gap:15px}section.hero .hero-content h2{font-size:2.3em}section.hero .hero-content h3{font-size:1.4em;font-weight:400}section.hero .hero-image{z-index:1;flex:1 1 0px}section.hero .hero-image img{width:100%;filter:drop-shadow(0px 0px 16px #8c6c9455)}section.hero button,section.hero .button{background-color:#fbb63d;color:#000}section.hero canvas{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;width:100%;height:100%;-webkit-mask-image:url(/images/hero-background.svg);mask-image:url(/images/hero-background.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-position:center;mask-position:center}video-demo-dialog{position:fixed;border-radius:30px;padding:20px;background:#fff;box-shadow:0 0 20px #0005;z-index:1000;top:50%;left:50%;transform:translate(-50%,-50%)}video-demo-dialog iframe{width:min(90vw,1200px);max-height:90vh;height:auto;aspect-ratio:16/9;border-radius:10px}video-demo-dialog saps-icon{position:absolute;top:5px;right:5px;font-size:1.8em;cursor:pointer;background:#0008;border-radius:100px;padding:5px;aspect-ratio:1;display:flex;height:auto;color:#fff}video-demo-dialog saps-icon:hover{background:#000b}section.problem section-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));align-items:stretch}section.problem section-columns section-column{gap:15px}section.problem section-columns section-column strong{font-size:1.5em;font-weight:500}video-loop{position:relative}video-loop saps-icon{position:absolute;bottom:10px;right:10px;color:#fff;background:#0005;opacity:.4;cursor:pointer;z-index:1;padding:8px;border-radius:100px;aspect-ratio:1;height:auto;width:auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}video-loop saps-icon:hover{opacity:1}video-loop:hover saps-icon{opacity:.7}video-loop video{border-radius:15px;max-width:100%;pointer-events:none}section.features before-after{margin:0 15px}section.features section-column>div{flex-grow:1;display:flex;flex-flow:column nowrap;align-items:center;justify-content:space-evenly;gap:10px;margin-bottom:20px}section.features section-column>video,section.features section-column>video-loop{max-width:100%;border-radius:10px;margin:0 15px}section.features section-column video-loop video{border-radius:10px}section.features section-column video-loop saps-icon{font-size:1em}before-after{display:grid;grid-template-columns:1fr;grid-template-rows:auto;position:relative;--slider-value: 20%;-webkit-user-select:none;user-select:none}before-after>img,before-after>video{grid-column:1 / 2;grid-row:1 / 2;width:100%;height:auto;min-height:100px;border-radius:10px;pointer-events:none}before-after:before,before-after:after{content:"BEFORE";font-size:.7em;font-weight:700;padding:3px 8px;background:#0005;color:#fff;border-radius:8px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10;grid-column:1 / 2;grid-row:1 / 2;position:absolute;top:8px;left:8px;pointer-events:none}before-after:after{content:"AFTER";text-align:right;right:8px;left:auto}before-after>:nth-child(1){clip-path:inset(0 calc(100% - var(--slider-value)) 0 0%)}before-after>:nth-child(2){clip-path:inset(0 0 0 var(--slider-value))}before-after[data-do-animate]>:nth-child(1),before-after[data-do-animate]>:nth-child(2){transition:clip-path 2s ease}before-after[data-do-animate] before-after-slider{transition:left 2s ease}before-after before-after-slider{position:absolute;top:0;left:var(--slider-value);z-index:8;transform:translate(-50%);height:100%;display:flex;align-items:center;background:#000;width:1px;cursor:ew-resize;filter:drop-shadow(0 0 5px #FFFFFF) drop-shadow(0 0 5px #FFFFFF) drop-shadow(0 0 5px #FFFFFF)}before-after before-after-slider:before{content:"";position:absolute;top:0;left:-4px;width:8px;height:100%}before-after before-after-slider saps-icon{transform:translate(-50%);color:#000;font-size:1.1em}section.pricing .subscription-timeline{cursor:pointer;font-size:1.2em;font-weight:600;-webkit-user-select:none;user-select:none}section.pricing .subscription-timeline saps-icon[data-on]{color:var(--color-primary)}section.pricing section-column{flex-basis:200px;max-width:260px;border:1px solid #00000015;border-radius:15px;padding:20px}section.pricing section-column p{flex-grow:1;display:flex;align-items:center;justify-content:center}section.pricing section-column>strong{font-size:1.4em}section.pricing section-column strong>em,section.pricing section-column span>em{font-size:.8em;opacity:.7;font-style:normal;margin-left:1px}section.pricing section-column .button{padding-top:8px;padding-bottom:8px;width:100%}price-feature{display:flex;flex-flow:column nowrap;justify-content:space-between;gap:4px;align-items:center;align-self:stretch;margin-top:10px;border-radius:4px;background-color:#00000010;padding:10px 12px;font-size:.95em}price-feature strong{font-weight:400}price-feature span{font-weight:600}.button,input[type=submit],input[type=button],input[type=reset],button{padding:10px 14px;background-color:var(--color-primary);color:#fff;border-radius:8px;font-weight:550;font-stretch:85%;cursor:pointer;font-size:inherit;font-family:inherit;-webkit-user-select:none;user-select:none;text-align:center;align-self:center}.button:hover,input[type=submit]:hover,input[type=button]:hover,input[type=reset]:hover,button:hover{opacity:.9}.button:active,input[type=submit]:active,input[type=button]:active,input[type=reset]:active,button:active{transform:translate(1px,1px)}.button.compact,input[type=submit].compact,input[type=button].compact,input[type=reset].compact,button.compact{padding:3px 10px;font-size:.9em}.button.large,input[type=submit].large,input[type=button].large,input[type=reset].large,button.large{padding:15px 21px;font-size:1.5em}input[type=text],input[type=password],input[type=number],input[type=email],input[type=url],textarea,select{padding:12px 8px;background-color:#fff3;border-radius:8px;box-shadow:0 1px 3px #0002;font-size:inherit;font-family:inherit}input[type=text]::placeholder,input[type=password]::placeholder,input[type=number]::placeholder,input[type=email]::placeholder,input[type=url]::placeholder,textarea::placeholder,select::placeholder{opacity:1}textarea{resize:vertical;height:150px}input[name=code]{font-size:1.7em;text-align:center}label{font-weight:500;font-stretch:85%;margin-top:5px;-webkit-user-select:none;user-select:none}video-trailer{position:fixed;z-index:500;left:0;top:0;display:flex;justify-content:center;align-items:center;height:100%;width:100%;-webkit-backdrop-filter:blur(5px) brightness(.5);backdrop-filter:blur(5px) brightness(.5)}video-trailer saps-icon{position:absolute;top:10px;right:10px;font-size:2em;aspect-ratio:1/1;background:#0008;color:#fff;border-radius:50%;padding:10px;display:flex;box-sizing:border-box;align-items:center;width:auto;height:auto;cursor:pointer}video-trailer saps-icon:hover{background:#000a}video-trailer iframe{aspect-ratio:16/9;width:100%;max-width:90vw;max-height:90vh;border-radius:20px}saps-banner{display:block;font-weight:500;padding:12px;border:1px solid #FFFFFF33;border-radius:8px;margin:10px 0}saps-banner[data-tone=error]{color:#fff;background:#af4b4b}form{display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;gap:10px;max-width:600px}form>button{width:max-content}email-protect{-webkit-user-select:all;user-select:all;font-weight:600;padding:2px 8px;border-radius:4px;background:#0001}email-protect span:not(:last-child){-webkit-user-select:none;user-select:none;opacity:0;pointer-events:none;position:absolute}blog-posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px}blog-posts>a{display:flex;flex-flow:column nowrap;align-items:center;justify-content:end;border-radius:5px;position:relative;aspect-ratio:5 / 3;padding:10px;text-decoration:none;transition:transform .25s;transform:none}blog-posts>a:hover{transform:scale(1.05);opacity:1}blog-posts>a:hover img{filter:brightness(1)}blog-posts>a img{display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:5px;object-fit:cover;filter:brightness(.9);transition:filter .25s;margin:0}blog-posts>a strong{font-weight:600;font-size:.95em;color:#fff;z-index:2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:8px;padding:5px 10px;text-align:center;background:#0003}article blog-post-header{display:grid;grid-template-areas:"back image" "title image" "datetime image" "summary image";grid-template-rows:auto auto 1fr;gap:12px;margin-bottom:20px}article blog-post-header>a{grid-area:back}article blog-post-header>h1{grid-area:title;text-align:left;margin:0}article blog-post-header>.datetime{grid-area:datetime;display:flex;flex-flow:row nowrap;align-items:center;gap:5px}article blog-post-header>.datetime date-time:after{content:" • ";margin-left:8px;margin-right:3px}article blog-post-header>.datetime span{font-weight:450}article blog-post-header>img{grid-area:image;border-radius:10px;align-self:center}article blog-post-header>.summary{grid-area:summary;font-size:.9em;font-weight:600}article blog-post{display:flex;flex-flow:column nowrap;gap:10px}article blog-post p{margin-top:0}article blog-post p:has(img:only-child){display:contents}article blog-post ol,article blog-post ul{margin-bottom:15px}article blog-post ol>li>ol,article blog-post ol>li>ul,article blog-post ul>li>ol,article blog-post ul>li>ul{margin-bottom:10px}article blog-post li{margin-bottom:5px}article blog-post img{border-radius:4px;align-self:center;margin:15px;max-width:min(700px,90%);box-shadow:3px 4px 2px #0002}article blog-post code{margin-bottom:15px}article blog-post .button{padding:10px 20px;font-size:1.1em;align-self:center}article blog-post>h1{grid-area:title;text-align:left}article blog-post>h2{margin-top:15px}article blog-post hr{border:none;height:1px;background:#0001}@media only screen and (max-width:800px){body{font-size:1em}header .mobile-menu-button{display:block;cursor:pointer;font-size:1.8em}header nav{display:flex;pointer-events:none;transform:translate(-100%);position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:auto;transition:opacity .2s,transform .2s;background:#0008;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;flex-flow:column nowrap;align-items:center;justify-content:center;padding:15px;font-size:1.2em;gap:20px}header nav .close{display:block;position:absolute;top:8px;right:8px;font-size:1.8em;cursor:pointer;color:#fff;background:#0005;border-radius:100px}header nav[data-open]{transform:translate(0);opacity:1;pointer-events:auto}section.hero{flex-flow:column;padding-top:140px;gap:20px}section.hero button,section.hero .button{margin:0}section.hero saps-buttons{gap:8px}section.pricing section-columns{gap:15px}article blog-post-header{grid-template-areas:"back" "title" "datetime" "summary" "image";grid-template-columns:1fr;grid-template-rows:auto}}