@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/3f69592b2fe603c7-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/6325a8417175c41d-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/021bc4481ed92ece-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/99b7f73d5af7c3e2-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/4f05ba3a6752a328-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Montserrat Fallback;src:local("Arial");ascent-override:85.79%;descent-override:22.25%;line-gap-override:0.00%;size-adjust:112.83%}.__className_4bc053{font-family:Montserrat,Montserrat Fallback;font-style:normal}.__variable_4bc053{--font-geist-sans:"Montserrat","Montserrat Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9610d9e46709d722-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/747892c23ea88013-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_9a8899{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_9a8899{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}

/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-leading:initial;--tw-border-style:solid}}}@layer theme{:host,:root{--color-neutral-200:oklch(92.2% 0 0);--color-white:#fff;--spacing:.25rem;--default-font-family:var(--font-geist-sans);--default-mono-font-family:var(--font-geist-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.-right-5{right:calc(var(--spacing)*-5)}.-bottom-5{bottom:calc(var(--spacing)*-5)}.-left-5{left:calc(var(--spacing)*-5)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-\[20px\]{margin-inline:20px}.my-auto{margin-block:auto}.mr-0{margin-right:calc(var(--spacing)*0)}.mr-\[3em\]{margin-right:3em}.mb-\[2em\]{margin-bottom:2em}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.h-10{height:calc(var(--spacing)*10)}.h-\[20px\]{height:20px}.h-\[25px\]{height:25px}.h-\[30px\]{height:30px}.h-\[40px\]{height:40px}.h-\[45px\]{height:45px}.h-\[50px\]{height:50px}.h-\[60px\]{height:60px}.h-\[180px\]{height:180px}.w-10{width:calc(var(--spacing)*10)}.w-\[300px\]{width:300px}.max-w-\[640px\]{max-width:640px}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.border-neutral-200{border-color:var(--color-neutral-200)}.bg-white{background-color:var(--color-white)}.p-\[10\]{padding:10px}.\!leading-\[42px\]{--tw-leading:42px!important;line-height:42px!important}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:48rem){.md\:block{display:block}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.md\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.md\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.md\:p-\[30px\]{padding:30px}}}.espresso-wrapper{min-height:320px;position:relative}.filter{z-index:1;background-color:#dad8d4;border-radius:5px 5px 30px 30px;width:30px;height:20px;margin-top:30px;margin-left:60px;animation:filter 8s cubic-bezier(.48,-.33,.55,1.31) infinite;position:absolute;top:70%;left:50%}.filter:after{content:"";z-index:-10;background-color:#3c3834;border-radius:10px 10px 10px 0;width:65px;height:10px;margin-top:3px;margin-left:26px;position:absolute}.filter .espresso{background-color:#3c3834cc;width:3px;height:18px;animation:espresso 8s cubic-bezier(.48,-.33,.55,1.31) infinite;position:absolute;top:23px;left:13px}.filter .spigot{z-index:-1;background-color:#3c3834;width:5px;height:6px;margin-top:18px;margin-left:12px;position:absolute}.grounds{background-color:#90ffcd;border-top:4px solid #3c383499;border-radius:3px;width:50px;height:96px;margin-top:-45px;margin-left:180px;animation:grounds 8s cubic-bezier(.48,-.33,.55,1.31) infinite;position:absolute;top:70%;left:50%}.grounds .contents{width:10px;height:40px;margin-top:-43px;margin-left:10px;animation:groundsPour 8s cubic-bezier(.48,-.33,.55,1.31) infinite;position:absolute;overflow:hidden}.grounds .contents div{border-top:5px solid #3c3834;border-right:5px solid #3c3834;border-top-right-radius:20px;width:40px;height:20px;margin-left:5px;animation:groundsPourGrounds 8s cubic-bezier(.48,-.33,.55,1.31) infinite;position:absolute;bottom:0;right:0;transform:rotate(10deg)}.grounds .label{text-align:center;background-color:#ffffffe6;border-radius:0 10px;width:30px;height:30px;margin-top:-15px;margin-left:-15px;line-height:30px;position:absolute;top:40%;left:50%;transform:rotate(45deg)}.grounds .label span{color:#3c383499;margin-left:-5px;font-family:Courier;position:absolute;transform:rotate(-45deg)}.kettle{width:80px;margin-top:-45px;margin-left:60px;animation:kettle 8s cubic-bezier(.48,-.33,.55,1.31) infinite}.kettle,.kettlecontents{height:60px;position:absolute;top:70%;left:50%}.kettlecontents{z-index:-1;width:60px;margin-top:-135px;margin-left:-13px;animation:waterPour 8s cubic-bezier(.48,-.33,.55,1.31) infinite;overflow:hidden}.kettlecontents div{z-index:-1;border-top:10px solid #027dffb3;border-left:10px solid #027dffb3;border-top-left-radius:50px;width:50px;height:50px;animation:water 8s cubic-bezier(.48,-.33,.55,1.31) infinite;position:absolute;top:5px;right:0}.kettle:before{content:"";background-color:#dad8d4;border-bottom:5px solid #3c3834;border-radius:40px 40px 5px 5px;width:80px;height:60px;position:absolute;top:0;left:0}.kettle .spout{border-bottom:30px solid #dad8d4;border-left:5px solid #0000;border-right:5px solid #0000;width:12px;margin-left:-5px;transform:rotate(-45deg)}.kettle .handle,.kettle .spout{margin-top:-5px;position:absolute}.kettle .handle{z-index:-1;border:8px solid #3c3834;border-radius:40px;width:40px;height:40px;margin-left:45px}.kettle .lid{z-index:-1;background-color:#3c3834;border-radius:10px;width:10px;height:10px;position:absolute;top:-6px;left:35px}.cup{background-color:#ff4a53;border-bottom-right-radius:6px;border-bottom-left-radius:6px;width:25px;height:20px;margin-top:25px;margin-left:-12px}.cup,.machine{position:absolute;top:70%;left:50%}.machine{width:125px;height:160px;margin-top:-80px;margin-left:-200px;animation:machineBody 8s cubic-bezier(.48,-.33,.55,1.31) infinite}.machine .base{background-color:#3c3834;border-top:10px solid #dad8d4;border-bottom-right-radius:15px;border-bottom-left-radius:15px;width:100%;height:25px;position:absolute;bottom:0;left:0}.machine .status{z-index:10;position:absolute;top:23px;left:18px}.machine .status div{border-radius:5px;width:5px;height:5px;margin-bottom:3px}.machine .status .on{background-color:#86ffc3;animation:greenlight 8s cubic-bezier(.48,-.33,.55,1.31) infinite}.machine .status .off{background-color:#ff4a53;animation:redlight 8s cubic-bezier(.48,-.33,.55,1.31) infinite}.machine .verticalStructure{z-index:1;border-top:10px solid #3c3834;border-left:20px solid #3c3834;width:calc(100% - 20px);height:80px;position:absolute;bottom:25px}.machine .head{background-color:#dad8d4;border-top:10px solid #3c3834;width:100%;height:30px;margin-bottom:115px;bottom:0}.machine .head,.machine .lid{border-top-left-radius:10px;border-top-right-radius:10px;position:absolute}.machine .lid{transform-origin:2px;background-color:#3c3834;width:60px;height:10px;margin-top:0;margin-left:-30px;animation:machineLid 8s cubic-bezier(.48,-.33,.55,1.31) infinite;top:0;left:50%}.machine .steamer{border-top:5px solid #dad8d4;border-right:5px solid #dad8d4;border-top-right-radius:10px;width:60px;height:15px;margin-top:30px;margin-left:90px;position:absolute}.machine .back{z-index:-1;background-color:#3c3834;border-radius:50px;width:40px;height:40px;margin-top:26px;margin-left:-20px;position:absolute}.machine .spout{border-top:10px solid #3c3834;border-left:10px solid #0000;border-right:10px solid #0000;width:40px;margin-top:55px;margin-left:32px;position:absolute}.machine .steamer:after{content:".";background-color:#3c3834;border-top-left-radius:15px;border-top-right-radius:15px;width:20px;height:25px;margin-top:5px;margin-left:53px;position:absolute;transform:scaleX(.5)}@keyframes kettle{18%{transform:translateY(-120px)rotate(0)}90%{transform:rotate(0)translate(0)}86%{transform:translateY(-120px)rotate(0)}41%{transform:translateY(-120px)rotate(0)}14%{transform:rotate(0)translate(0)}37%{transform:translateY(-120px)rotate(-45deg)}22%{transform:translateY(-120px)rotate(-45deg)}0%{transform:rotate(0)translate(0)}}@keyframes machineBody{to{margin-left:-200px}90%{margin-left:-200px}86%{margin-left:-62px}18%{margin-left:-62px}14%{margin-left:-200px}0%{margin-left:-200px}}@keyframes machineLid{to{transform:rotate(0)}43%{transform:rotate(0)}39%{transform:rotate(-105deg)}0%{transform:rotate(0)}18%{transform:rotate(-105deg)}14%{transform:rotate(0)}}@keyframes filter{to{-webkit-transform:translate(0)}90%{transform:translate(0)}86%{transform:translateY(-45px)}82%{transform:translate(-75px,-45px)}36%{transform:translate(-75px,-45px)}32%{transform:translate(60px,-45px)}28%{transform:translate(60px)}14%{transform:translate(60px)}10%{transform:translate(0)}0%{transform:translate(0)}}@keyframes grounds{to{transform:translate(0)rotate(0)}28%{transform:translate(0)rotate(0)}24%{-webkit-transform:translateY(-30px)rotate(-100deg)}18%{-webkit-transform:translateY(-30px)rotate(-100deg)}14%{transform:translate(0)rotate(0)}}@keyframes groundsPour{to{width:0;margin-left:10px}27%{width:0;margin-left:10px}23%{width:0;margin-left:-33px}19%{width:43px;margin-left:-33px}15%{width:0;margin-left:10px}0%{width:0;margin-left:10px}}@keyframes groundsPourGrounds{to{margin-right:0}27%{margin-right:-43px}23%{margin-right:-43px}19%{margin-right:0}15%{margin-right:0}0%{margin-right:0}}@keyframes waterPour{to{height:0;margin-top:-75px}37%{height:0;margin-top:-75px}33%{height:60px;margin-top:-135px}26%{height:60px;margin-top:-135px}0%{height:0;margin-top:-135px}18%{height:0;margin-top:-135px}}@keyframes water{to{margin-top:-60px}37%{margin-top:-60px}33%{margin-top:0}26%{margin-top:0}0%{margin-top:0}18%{margin-top:0}}@keyframes espresso{to{height:0;margin-top:18px}70%{height:0;margin-top:18px}67%{height:18px;margin-top:0}55%{height:18px;margin-top:0}52%{height:0;margin-top:0}0%{height:0;margin-top:0}}@keyframes greenlight{to{opacity:.25}70%{opacity:.25}67%{opacity:1}52%{opacity:1}49%{opacity:.25}0%{opacity:.25}}@keyframes redlight{to{opacity:1}70%{opacity:1}67%{opacity:.25}52%{opacity:.25}49%{opacity:1}0%{opacity:1}}.keyboard{background-color:#00000026;border-radius:12px;width:420px;margin:0 auto;padding:6px 0 12px;box-shadow:2px 3px #0000000d}.row{min-width:410px;padding:0}.row,.row div{text-align:center}.row div{color:#00040c80;background-color:#fff;border-radius:3px;min-width:12px;margin:1px;padding:6px;font-family:sans-serif;font-size:8px;display:inline-block;box-shadow:2px 2px #0000004d}.keyboard .row:nth-of-type(2) div:first-of-type{text-align:left;width:40px}.keyboard .row:nth-of-type(3) div:first-of-type{text-align:left;width:32px}.keyboard .row:nth-of-type(3) div:nth-of-type(13){text-align:right;width:48px}.keyboard .row:nth-of-type(4) div:first-of-type,.keyboard .row:nth-of-type(4) div:nth-of-type(12){text-align:left;width:53px}.keyboard .row:nth-of-type(4) div:nth-of-type(12){text-align:right}.keyboard .row:nth-of-type(5) div:first-of-type,.keyboard .row:nth-of-type(5) div:nth-of-type(2){text-align:left;width:36px}.keyboard .row:nth-of-type(5) div:nth-of-type(3){width:152px}.keyboard .row:nth-of-type(5) div:nth-of-type(8){border-bottom-right-radius:0;border-bottom-left-radius:0;margin-left:-27px;padding-top:3px;padding-bottom:3px;-webkit-transform:translateY(-2px)}.keyboard .row:nth-of-type(5) div:nth-of-type(6),.keyboard .row:nth-of-type(5) div:nth-of-type(7),.keyboard .row:nth-of-type(5) div:nth-of-type(9){padding-top:3px;padding-bottom:3px;-webkit-transform:translateY(7px)}.keyboard .row:nth-of-type(5) div:nth-of-type(7){border-top-left-radius:0;border-top-right-radius:0}.keyboard .row:nth-of-type(2) div:nth-of-type(2){animation:buttonPress 2s ease-in-out infinite}.keyboard .row:nth-of-type(2) div:nth-of-type(3){animation:buttonPress 2s ease-in-out .2s infinite}.keyboard .row:nth-of-type(2) div:nth-of-type(4){animation:buttonPress 2s ease-in-out .4s infinite}.keyboard .row:nth-of-type(2) div:nth-of-type(5){animation:buttonPress 2s ease-in-out .6s infinite}.keyboard .row:nth-of-type(2) div:nth-of-type(6){animation:buttonPress 2s ease-in-out .8s infinite}.keyboard .row:nth-of-type(2) div:nth-of-type(7){animation:buttonPress 2s ease-in-out 1s infinite}@keyframes buttonPress{to{box-shadow:2px 2px #00000080}75%{box-shadow:2px 2px #00000080}65%{background-color:#dedede;box-shadow:inset 2px 2px #00000080}55%{box-shadow:2px 2px #00000080}0%{box-shadow:2px 2px #00000080}}.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale3d(.9,.9,.9)rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1)rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1)rotate(-3deg)}to{transform:scale(1)}}.tada{animation-name:tada}@keyframes slideInDown{0%{visibility:visible;transform:translateY(-100%)}to{transform:translate(0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{visibility:visible;transform:translate(-100%)}to{transform:translate(0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{visibility:visible;transform:translate(100%)}to{transform:translate(0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{0%{visibility:visible;transform:translateY(100%)}to{transform:translate(0)}}.slideInUp{animation-name:slideInUp}@keyframes slideOutDown{0%{transform:translate(0)}to{visibility:hidden;transform:translateY(100%)}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{0%{transform:translate(0)}to{visibility:hidden;transform:translate(-100%)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translate(0)}to{visibility:hidden;transform:translate(100%)}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translate(0)}to{visibility:hidden;transform:translateY(-100%)}}.slideOutUp{animation-name:slideOutUp}body{font-family:Montserrat,sans-serif}.wrapper{max-width:1140px;margin:0 auto;display:block;position:relative}.special{font-family:Sriracha,cursive}.code{-webkit-overflow-scrolling:touch;color:#333;background:#fafafa;border:1px solid #eee;padding:1em 1em 0;overflow-x:auto}.with-line,.with-section-line{border-bottom:1px solid #eee}.display-center{text-align:center;margin:0 auto;display:block}.text-align-left{text-align:left}.text-align-right{text-align:right}.uppercase{text-transform:uppercase}.full-width{width:100%}hr{border:0;border-top:1px solid #0000001a;padding-bottom:8px}html{font-size:93.8%}p,pre{line-height:1.5em}h1,h2,h3,h4,h5,h6{padding-top:0;font-weight:400;line-height:.8em}p{font-weight:300}code{color:#333;background:#dcdcdc;margin:0 .25em;padding:.25em .5em}ul{margin:0;padding:0}ul li{list-style:none}ol li,ul li{margin:0;padding:.35em 0}ul li code:first-child{margin-left:0}.helvetica{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif}.roboto{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif}.browser-wrapper{padding:0 2em}.browser{border-top:2em solid #e2e4e6b3;border-radius:3px 3px 0 0;position:relative;box-shadow:0 .1em 2em #0000004d}.browser:before{content:"";background-color:#ff434b;border-radius:50%;width:.5em;height:.5em;display:block;position:absolute;top:-1.25em;left:1em;box-shadow:0 0 0 2px #ff434b,1.5em 0 0 2px #ffbd00,3em 0 0 2px #00d82e}.browser>*{display:block}.browser{flex:1;max-width:1024px;margin:2em auto 0}.browser .content{-webkit-overflow-scrolling:touch;max-height:480px;margin:0;padding:0;overflow-y:scroll}.browser .content img{width:100%;max-height:none!important}.browser img{width:100%}.browser-icon{width:140px;height:140px;margin-top:20px;display:inline-block;position:relative}.icon-chrome{background:#fff;overflow:hidden}.circle{-ms-animation:spin-animated 6s cubic-bezier(0,.8,.13,.99) infinite;background:#ff00001a;border-radius:50%;width:105px;height:105px;animation:spin-animated 6s cubic-bezier(0,.8,.13,.99) .2s infinite;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.circle:after,.circle:before{content:"";display:block;position:absolute}.circle:before{z-index:100;background:-webkit-radial-gradient(50% 30%,circle,#6c9fcb,#1f6aa2);background:radial-gradient(circle at 50% 30%,#6c9fcb,#1f6aa2);border:5px solid #e7f1e9;width:45px;height:45px}.circle:after,.circle:before{border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.circle:after{width:inherit;height:inherit;box-shadow:inset 0 -5px 35px 3px #00000040}.origin{top:50%;left:50%;transform:translate(-50%,-50%)}.fan,.origin{position:absolute}.fan{transform-origin:0 100%;background:#ff0;width:100px;height:100px;bottom:0;left:0}.fan:after,.fan:before{content:"";display:block;position:absolute}.fan:before{background:inherit;width:80px;height:110px;position:absolute;bottom:-34px;left:-20px;transform:rotate(-30deg)}.fan:first-child{background:#e9504b;transform:rotate(0)translate(-30px,-32px)}.fan:nth-child(2){background:#f7ca44;transform:rotate(120deg)translate(-30px,-32px)}.fan:nth-child(3){background:#5bb555;transform:rotate(240deg)translate(-30px,-32px)}@keyframes spin-animated{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(4turn)}}.icon{border-radius:25%;width:120px;height:120px;position:absolute;top:10px;left:70px;transform:translate(-50%)}.icon-safari{background:#fff}.compass{background:linear-gradient(#1ad4fd,#1d65f0 100%);border-radius:50%;width:105px;height:105px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.long{height:9px}.long,.short{background:#fff;width:1px;position:absolute}.short{height:5px}.long:first-of-type{transform:translate(52px,48px)rotate(0)translateY(-43px)}.short:nth-of-type(37){transform:translate(52px,50px)rotate(5deg)translateY(-45px)}.long:nth-of-type(2){transform:translate(52px,48px)rotate(10deg)translateY(-43px)}.short:nth-of-type(38){transform:translate(52px,50px)rotate(15deg)translateY(-45px)}.long:nth-of-type(3){transform:translate(52px,48px)rotate(20deg)translateY(-43px)}.short:nth-of-type(39){transform:translate(52px,50px)rotate(25deg)translateY(-45px)}.long:nth-of-type(4){transform:translate(52px,48px)rotate(30deg)translateY(-43px)}.short:nth-of-type(40){transform:translate(52px,50px)rotate(35deg)translateY(-45px)}.long:nth-of-type(5){transform:translate(52px,48px)rotate(40deg)translateY(-43px)}.short:nth-of-type(41){transform:translate(52px,50px)rotate(45deg)translateY(-45px)}.long:nth-of-type(6){transform:translate(52px,48px)rotate(50deg)translateY(-43px)}.short:nth-of-type(42){transform:translate(52px,50px)rotate(55deg)translateY(-45px)}.long:nth-of-type(7){transform:translate(52px,48px)rotate(60deg)translateY(-43px)}.short:nth-of-type(43){transform:translate(52px,50px)rotate(65deg)translateY(-45px)}.long:nth-of-type(8){transform:translate(52px,48px)rotate(70deg)translateY(-43px)}.short:nth-of-type(44){transform:translate(52px,50px)rotate(75deg)translateY(-45px)}.long:nth-of-type(9){transform:translate(52px,48px)rotate(80deg)translateY(-43px)}.short:nth-of-type(45){transform:translate(52px,50px)rotate(85deg)translateY(-45px)}.long:nth-of-type(10){transform:translate(52px,48px)rotate(90deg)translateY(-43px)}.short:nth-of-type(46){transform:translate(52px,50px)rotate(95deg)translateY(-45px)}.long:nth-of-type(11){transform:translate(52px,48px)rotate(100deg)translateY(-43px)}.short:nth-of-type(47){transform:translate(52px,50px)rotate(105deg)translateY(-45px)}.long:nth-of-type(12){transform:translate(52px,48px)rotate(110deg)translateY(-43px)}.short:nth-of-type(48){transform:translate(52px,50px)rotate(115deg)translateY(-45px)}.long:nth-of-type(13){transform:translate(52px,48px)rotate(120deg)translateY(-43px)}.short:nth-of-type(49){transform:translate(52px,50px)rotate(125deg)translateY(-45px)}.long:nth-of-type(14){transform:translate(52px,48px)rotate(130deg)translateY(-43px)}.short:nth-of-type(50){transform:translate(52px,50px)rotate(135deg)translateY(-45px)}.long:nth-of-type(15){transform:translate(52px,48px)rotate(140deg)translateY(-43px)}.short:nth-of-type(51){transform:translate(52px,50px)rotate(145deg)translateY(-45px)}.long:nth-of-type(16){transform:translate(52px,48px)rotate(150deg)translateY(-43px)}.short:nth-of-type(52){transform:translate(52px,50px)rotate(155deg)translateY(-45px)}.long:nth-of-type(17){transform:translate(52px,48px)rotate(160deg)translateY(-43px)}.short:nth-of-type(53){transform:translate(52px,50px)rotate(165deg)translateY(-45px)}.long:nth-of-type(18){transform:translate(52px,48px)rotate(170deg)translateY(-43px)}.short:nth-of-type(54){transform:translate(52px,50px)rotate(175deg)translateY(-45px)}.long:nth-of-type(19){transform:translate(52px,48px)rotate(180deg)translateY(-43px)}.short:nth-of-type(55){transform:translate(52px,50px)rotate(185deg)translateY(-45px)}.long:nth-of-type(20){transform:translate(52px,48px)rotate(190deg)translateY(-43px)}.short:nth-of-type(56){transform:translate(52px,50px)rotate(195deg)translateY(-45px)}.long:nth-of-type(21){transform:translate(52px,48px)rotate(200deg)translateY(-43px)}.short:nth-of-type(57){transform:translate(52px,50px)rotate(205deg)translateY(-45px)}.long:nth-of-type(22){transform:translate(52px,48px)rotate(210deg)translateY(-43px)}.short:nth-of-type(58){transform:translate(52px,50px)rotate(215deg)translateY(-45px)}.long:nth-of-type(23){transform:translate(52px,48px)rotate(220deg)translateY(-43px)}.short:nth-of-type(59){transform:translate(52px,50px)rotate(225deg)translateY(-45px)}.long:nth-of-type(24){transform:translate(52px,48px)rotate(230deg)translateY(-43px)}.short:nth-of-type(60){transform:translate(52px,50px)rotate(235deg)translateY(-45px)}.long:nth-of-type(25){transform:translate(52px,48px)rotate(240deg)translateY(-43px)}.short:nth-of-type(61){transform:translate(52px,50px)rotate(245deg)translateY(-45px)}.long:nth-of-type(26){transform:translate(52px,48px)rotate(250deg)translateY(-43px)}.short:nth-of-type(62){transform:translate(52px,50px)rotate(255deg)translateY(-45px)}.long:nth-of-type(27){transform:translate(52px,48px)rotate(260deg)translateY(-43px)}.short:nth-of-type(63){transform:translate(52px,50px)rotate(265deg)translateY(-45px)}.long:nth-of-type(28){transform:translate(52px,48px)rotate(270deg)translateY(-43px)}.short:nth-of-type(64){transform:translate(52px,50px)rotate(275deg)translateY(-45px)}.long:nth-of-type(29){transform:translate(52px,48px)rotate(280deg)translateY(-43px)}.short:nth-of-type(65){transform:translate(52px,50px)rotate(285deg)translateY(-45px)}.long:nth-of-type(30){transform:translate(52px,48px)rotate(290deg)translateY(-43px)}.short:nth-of-type(66){transform:translate(52px,50px)rotate(295deg)translateY(-45px)}.long:nth-of-type(31){transform:translate(52px,48px)rotate(300deg)translateY(-43px)}.short:nth-of-type(67){transform:translate(52px,50px)rotate(305deg)translateY(-45px)}.long:nth-of-type(32){transform:translate(52px,48px)rotate(310deg)translateY(-43px)}.short:nth-of-type(68){transform:translate(52px,50px)rotate(315deg)translateY(-45px)}.long:nth-of-type(33){transform:translate(52px,48px)rotate(320deg)translateY(-43px)}.short:nth-of-type(69){transform:translate(52px,50px)rotate(325deg)translateY(-45px)}.long:nth-of-type(34){transform:translate(52px,48px)rotate(330deg)translateY(-43px)}.short:nth-of-type(70){transform:translate(52px,50px)rotate(335deg)translateY(-45px)}.long:nth-of-type(35){transform:translate(52px,48px)rotate(340deg)translateY(-43px)}.short:nth-of-type(71){transform:translate(52px,50px)rotate(345deg)translateY(-45px)}.long:nth-of-type(36){transform:translate(52px,48px)rotate(350deg)translateY(-43px)}.short:nth-of-type(72){transform:translate(52px,50px)rotate(355deg)translateY(-45px)}@keyframes pointer-rotate{0%{transform:translate(-50%,-50%)rotate(30deg)}to{transform:translate(-50%,-50%)rotate(50deg)}}.pointer{width:0;height:0;animation:pointer-rotate 1s ease-in-out infinite alternate;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pointer:after,.pointer:before{content:"";border-left:7px solid #0000;border-right:7px solid #0000;width:0;height:0;display:block;position:absolute}.pointer:before{border-bottom:52px solid #ff1414;bottom:0;left:-7px}.pointer:after{border-top:52px solid #fff;top:0;left:-7px}.simple-button{zoom:1;white-space:nowrap;vertical-align:baseline;text-align:center;cursor:pointer;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;color:#000c;background-color:#e6e6e6;border:#0000;border-radius:4px;padding:.5em 1em;font-family:inherit;font-size:100%;line-height:normal;text-decoration:none;display:inline-block}.simple-button-hover,.simple-button:focus,.simple-button:hover{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000",endColorstr="#1a000000",GradientType=0);background-image:linear-gradient(#0000,#0000000d 40%,#0000001a)}.simple-button:focus{outline:0}.simple-button-active,.simple-button:active{color:#fff;background-color:#0009;box-shadow:inset 0 0 0 1px #00000026,inset 0 0 6px #0003}.simple-button-disabled,.simple-button-disabled:active,.simple-button-disabled:focus,.simple-button-disabled:hover,.simple-button[disabled]{filter:alpha(opacity=40);-khtml-opacity:.4;-moz-opacity:.4;opacity:.4;cursor:not-allowed;box-shadow:none;background-image:none}.simple-button-hidden{display:none}.simple-button::-moz-focus-inner{padding:0}.simple-button-primary,.simple-button-selected,a.simple-button-primary,a.simple-button-selected{color:#fff;background-color:#0078e7}.button-error,.button-secondary,.button-success,.button-warning{color:#fff;text-shadow:0 1px 1px #0003;border-radius:4px}.button-white{background:#fff}.button-black{color:#fff;background:#000}.button-grey-blue{color:#1358bf;font-weight:600}.button-blue{color:#fff;background-color:#1358bf;font-weight:600}.button-success{background-color:#39b54a}.button-error{background:#ca3c3c}.button-warning{background:#df7514}.button-secondary{background:#42b8dd}.button-xsmall{font-size:70%}.button-small{font-size:85%}.button-large{font-size:125%}.button-xlarge{font-size:150%}.button-highlight{letter-spacing:.08em!important;padding:1.25em 2.5em!important;font-size:16px!important;font-weight:500!important}.green-line-button{border:2px solid #69da65;border-radius:5px;padding:.5em 1.25em;display:inline-block;color:#69da65!important}.blue-line-button,.green-line-button:hover{border:2px solid #167efb;color:#167efb!important}.blue-line-button{border-radius:5px;padding:.5em 1.25em;display:inline-block}.blue-line-button:hover{border:2px solid #167efb;color:#167efb!important}.green-button{background-color:#69da65;border-radius:5px;padding:.5em 1.25em;display:inline-block;color:#fff!important}.blue-button,.green-button:hover{background-color:#167efb;color:#fff!important}.blue-button{border-radius:5px;padding:.6em 1.25em;font-weight:500;display:inline-block}.blue-button:hover{background-color:#167efb;color:#fff!important}.chat{margin:0;display:block}.chat span.title{text-transform:uppercase;float:right;text-align:right;max-width:110px;padding:10px 15px;font-size:14px;font-weight:700;display:inline-block}.chat .play{float:right;color:#f3f3f3;background:#888;border:1px solid #888;border-radius:20px;margin-top:10px;padding:5px 10px;line-height:16px;display:block}.chat .play:hover{background:#999}.chat img.avatar{vertical-align:bottom;max-width:160px}.chat img.avatar,.chat img.right{display:inline-block}.chat p{clear:both;background:#ddd;border-radius:1em;max-width:75%;margin:0 .5em 0 8em;padding:.5em 1em;position:relative}.chat p.them{float:left}.chat p.them:after{content:"";border-right:.5em solid #ddd;border-bottom-right-radius:1em .5em;width:.5em;height:1em;position:absolute;bottom:0;left:-.5em}.chat p.me{float:right;color:#fff;background-color:#1289fe}.chat p.me:after{content:"";border-left:.5em solid #1289fe;border-bottom-left-radius:1em .5em;width:.5em;height:1em;position:absolute;bottom:0;right:-.5em}.checked{width:24px;margin-right:10px;display:inline-block}.checkmark{stroke:#167efb;stroke-dashoffset:788.889px;stroke-dasharray:788.889;-ms-animation:dash 2s ease-out infinite forwards;animation:dash 2s ease-out infinite forwards}.check-label{color:#167efb;vertical-align:top;font-size:18px;line-height:24px;display:inline-block}@keyframes dash{0%{stroke-dashoffset:788.889px}to{stroke-dashoffset:0}}.simple-form input:not([type]),.simple-form input[type=color],.simple-form input[type=date],.simple-form input[type=datetime-local],.simple-form input[type=datetime],.simple-form input[type=email],.simple-form input[type=month],.simple-form input[type=number],.simple-form input[type=password],.simple-form input[type=search],.simple-form input[type=tel],.simple-form input[type=text],.simple-form input[type=time],.simple-form input[type=url],.simple-form input[type=week],.simple-form select,.simple-form textarea{box-sizing:border-box;border:1px solid #ccc;border-radius:4px;padding:.5em .6em;display:inline-block;box-shadow:inset 0 1px 3px #ddd}.simple-form input[type=color]{padding:.2em .5em}.simple-form input:not([type]):focus,.simple-form input[type=color]:focus,.simple-form input[type=date]:focus,.simple-form input[type=datetime-local]:focus,.simple-form input[type=datetime]:focus,.simple-form input[type=email]:focus,.simple-form input[type=month]:focus,.simple-form input[type=number]:focus,.simple-form input[type=password]:focus,.simple-form input[type=search]:focus,.simple-form input[type=tel]:focus,.simple-form input[type=text]:focus,.simple-form input[type=time]:focus,.simple-form input[type=url]:focus,.simple-form input[type=week]:focus,.simple-form select:focus,.simple-form textarea:focus{outline:0;outline:thin dotted\9;border-color:#129fea}.simple-form input[type=checkbox]:focus,.simple-form input[type=file]:focus,.simple-form input[type=radio]:focus{outline:1px auto #129fea}.simple-form .simple-checkbox,.simple-form .simple-radio{margin:.5em 0;display:block}.simple-form input:not([type])[disabled],.simple-form input[type=color][disabled],.simple-form input[type=date][disabled],.simple-form input[type=datetime-local][disabled],.simple-form input[type=datetime][disabled],.simple-form input[type=email][disabled],.simple-form input[type=month][disabled],.simple-form input[type=number][disabled],.simple-form input[type=password][disabled],.simple-form input[type=search][disabled],.simple-form input[type=tel][disabled],.simple-form input[type=text][disabled],.simple-form input[type=time][disabled],.simple-form input[type=url][disabled],.simple-form input[type=week][disabled],.simple-form select[disabled],.simple-form textarea[disabled]{cursor:not-allowed;color:#cad2d3;background-color:#eaeded}.simple-form input[readonly],.simple-form select[readonly],.simple-form textarea[readonly]{color:#777;background:#eee;border-color:#ccc}.simple-form input:focus:invalid,.simple-form select:focus:invalid,.simple-form textarea:focus:invalid{color:#b94a48;border-color:#ee5f5b}.simple-form input:focus:invalid:focus,.simple-form select:focus:invalid:focus,.simple-form textarea:focus:invalid:focus{border-color:#e9322d}.simple-form input[type=checkbox]:focus:invalid:focus,.simple-form input[type=file]:focus:invalid:focus,.simple-form input[type=radio]:focus:invalid:focus{outline-color:#e9322d}.simple-form select{background-color:#fff;border:1px solid #ccc}.simple-form select[multiple]{height:auto}.simple-form label{margin:.5em 0 .2em}.simple-form fieldset{border:0;margin:0;padding:.35em 0 .75em}.simple-form legend{color:#333;border-bottom:1px solid #e5e5e5;width:100%;margin-bottom:.3em;padding:.3em 0;font-weight:700;display:block}.simple-form-stacked input:not([type]),.simple-form-stacked input[type=color],.simple-form-stacked input[type=date],.simple-form-stacked input[type=datetime-local],.simple-form-stacked input[type=datetime],.simple-form-stacked input[type=email],.simple-form-stacked input[type=month],.simple-form-stacked input[type=number],.simple-form-stacked input[type=password],.simple-form-stacked input[type=search],.simple-form-stacked input[type=tel],.simple-form-stacked input[type=text],.simple-form-stacked input[type=time],.simple-form-stacked input[type=url],.simple-form-stacked input[type=week],.simple-form-stacked label,.simple-form-stacked select,.simple-form-stacked textarea{margin:.25em 0;display:block}.simple-form-aligned .simple-help-inline,.simple-form-aligned input,.simple-form-aligned select,.simple-form-aligned textarea,.simple-form-message-inline{vertical-align:middle;display:inline-block}.simple-form-aligned textarea{vertical-align:top}.simple-form-aligned .simple-control-group{margin-bottom:.5em}.simple-form-aligned .simple-control-group label{text-align:right;vertical-align:middle;width:12.5em;margin:0 1em 0 0;display:inline-block}.simple-form-aligned .simple-controls{margin:1.5em 0 0 10em}.simple-form .simple-input-rounded,.simple-form input.simple-input-rounded{border-radius:2em;padding:.5em 1em}.simple-form .simple-group fieldset{margin-bottom:10px}.simple-form .simple-group input{border-radius:0;margin:0;padding:10px;display:block;position:relative;top:-1px}.simple-form .simple-group input:focus{z-index:2}.simple-form .simple-group input:first-child{border-radius:4px 4px 0 0;top:1px}.simple-form .simple-group input:last-child{border-radius:0 0 4px 4px;top:-2px}.simple-form .simple-group button{margin:.35em 0}.simple-form .simple-input-1{width:100%}.simple-form .simple-input-2-3{width:66%}.simple-form .simple-input-1-2{width:50%}.simple-form .simple-input-1-3{width:33%}.simple-form .simple-input-1-4{width:25%}.simple-form .simple-help-inline,.simple-form-message-inline{color:#666;vertical-align:middle;padding-left:.3em;font-size:.875em;display:inline-block}.simple-form-message{color:#666;font-size:.875em;display:block}@media only screen and (max-width:480px){.simple-form button[type=submit]{margin:.7em 0 0}.simple-form input:not([type]),.simple-form input[type=color],.simple-form input[type=date],.simple-form input[type=datetime-local],.simple-form input[type=datetime],.simple-form input[type=email],.simple-form input[type=month],.simple-form input[type=number],.simple-form input[type=password],.simple-form input[type=search],.simple-form input[type=tel],.simple-form input[type=text],.simple-form input[type=time],.simple-form input[type=url],.simple-form input[type=week],.simple-form label{margin-bottom:.3em;display:block}.simple-group input:not([type]),.simple-group input[type=color],.simple-group input[type=date],.simple-group input[type=datetime-local],.simple-group input[type=datetime],.simple-group input[type=email],.simple-group input[type=month],.simple-group input[type=number],.simple-group input[type=password],.simple-group input[type=search],.simple-group input[type=tel],.simple-group input[type=text],.simple-group input[type=time],.simple-group input[type=url],.simple-group input[type=week]{margin-bottom:0}.simple-form-aligned .simple-control-group label{text-align:left;width:100%;margin-bottom:.3em;display:block}.simple-form-aligned .simple-controls{margin:1.5em 0 0}.simple-form .simple-help-inline,.simple-form-message,.simple-form-message-inline{padding:.2em 0 .8em;font-size:.75em;display:block}}.grid-test{letter-spacing:-.31em;text-rendering:optimizespeed;word-spacing:-.43em;-webkit-flex-flow:wrap;-ms-flex-flow:wrap;display:-webkit-flex;display:-ms-flexbox}.unit,.unit-1,.unit-1-1,.unit-1-12,.unit-1-2,.unit-1-24,.unit-1-3,.unit-1-4,.unit-1-5,.unit-1-6,.unit-1-8,.unit-10-24,.unit-11-12,.unit-11-24,.unit-12-24,.unit-13-24,.unit-14-24,.unit-15-24,.unit-16-24,.unit-17-24,.unit-18-24,.unit-19-24,.unit-2-24,.unit-2-3,.unit-2-5,.unit-20-24,.unit-21-24,.unit-22-24,.unit-23-24,.unit-24-24,.unit-3-24,.unit-3-4,.unit-3-5,.unit-3-8,.unit-4-24,.unit-4-5,.unit-5-12,.unit-5-24,.unit-5-5,.unit-5-6,.unit-5-8,.unit-6-24,.unit-7-12,.unit-7-24,.unit-7-8,.unit-8-24,.unit-9-24{zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto;display:inline-block}.unit-1-24{width:4.16%}.unit-1-12,.unit-2-24{width:8.33%}.unit-1-8,.unit-3-24{width:12.5%}.unit-1-6,.unit-4-24{width:16.66%}.unit-1-5{width:20%}.unit-5-24{width:20.83%}.unit-1-4,.unit-6-24{width:25%}.unit-7-24{width:29.16%}.unit-1-3,.unit-8-24{width:33.33%}.unit-3-8,.unit-9-24{width:37.5%}.unit-2-5{width:40%}.unit-10-24,.unit-5-12{width:41.66%}.unit-11-24{width:45.83%}.unit-1-2,.unit-12-24{width:50%}.unit-13-24{width:54.16%}.unit-14-24,.unit-7-12{width:58.33%}.unit-3-5{width:60%}.unit-15-24,.unit-5-8{width:62.5%}.unit-16-24,.unit-2-3{width:66.66%}.unit-17-24{width:70.83%}.unit-18-24,.unit-3-4{width:75%}.unit-19-24{width:79.16%}.unit-4-5{width:80%}.unit-20-24,.unit-5-6{width:83.33%}.unit-21-24,.unit-7-8{width:87.5%}.unit-11-12,.unit-22-24{width:91.66%}.unit-23-24{width:95.83%}.unit-1,.unit-1-1,.unit-24-24,.unit-5-5{width:100%}.grid-auto{letter-spacing:-.31em;-ms-flex-flow:wrap;display:-ms-flexbox}.grid-auto img{max-width:100%;max-height:100%}@media (min-width:980px){.hidden-desktop,.visible-phone,.visible-tablet{display:none}}@media (max-width:480px){.grid-auto>.unit,.grid-auto>[class*=unit-]{width:100%}}@media (max-width:767px){.grid-auto>.unit,.grid-auto>[class*=unit-]{width:100%}.hidden-phone,.visible-desktop{display:none}}@media (min-width:768px) and (max-width:979px){.hidden-tablet,.visible-desktop{display:none}}.lSSlideOuter{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;overflow:hidden}.lightSlider:after,.lightSlider:before{content:" ";display:table}.lightSlider{margin:0;overflow:hidden}.lSSlideWrapper{max-width:100%;position:relative;overflow:hidden}.lSSlideWrapper>.lightSlider:after{clear:both}.lSSlideWrapper .lSSlide{-webkit-transition:-webkit-transform 1s,height 1s;-moz-transition-property:-moz-transform,height;transition-property:transform,height;transform:translate(0);-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important}.lSSlideWrapper .lSFade{position:relative}.lSSlideWrapper .lSFade>*{z-index:9;width:100%;margin-right:0;top:0;left:0;position:absolute!important}.lSSlideWrapper.usingCss .lSFade>*{opacity:0;transition-property:opacity;transition-delay:0s;-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important}.lSSlideWrapper .lSFade>.active{z-index:10}.lSSlideWrapper.usingCss .lSFade>.active{opacity:1}.lSSlideOuter .lSPager.lSpg{text-align:center;margin:10px 0 0;padding:0}.lSSlideOuter .lSPager.lSpg>li{cursor:pointer;padding:0 5px;display:inline-block}.lSSlideOuter .lSPager.lSpg>li a{text-indent:-999em;z-index:99;background-color:#222;border-radius:30px;width:8px;height:8px;transition:all .5s linear;display:inline-block;position:relative;overflow:hidden}.lSSlideOuter .lSPager.lSpg>li.active a,.lSSlideOuter .lSPager.lSpg>li:hover a{background-color:#428bca}.lSSlideOuter .media{opacity:.8}.lSSlideOuter .media.active{opacity:1}.lSSlideOuter .lSPager.lSGallery{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;-webkit-transition-property:-webkit-transform;margin:0;padding-left:0;list-style:none;-moz-transition-property:-moz-transform;overflow:hidden;transform:translate(0)}.lSSlideOuter .lSPager.lSGallery li{-webkit-transition:border-radius .12s linear linear 0s .35s 0s;transition:border-radius .12s linear linear 0s .35s 0s;overflow:hidden}.lSSlideOuter .lSPager.lSGallery li.active,.lSSlideOuter .lSPager.lSGallery li:hover{border-radius:5px}.lSSlideOuter .lSPager.lSGallery img{max-width:100%;height:auto;display:block}.lSSlideOuter .lSPager.lSGallery:after,.lSSlideOuter .lSPager.lSGallery:before{content:" ";display:table}.lSSlideOuter .lSPager.lSGallery:after{clear:both}.lSAction>a{cursor:pointer;z-index:99;opacity:.5;background-image:url(/images/controls.png);width:32px;height:32px;margin-top:-16px;transition:opacity .35s linear;display:block;position:absolute;top:50%}.lSAction>a:hover{opacity:1}.lSAction>.lSPrev{background-position:0 0;left:10px}.lSAction>.lSNext{background-position:-32px 0;right:10px}.lSAction>a.disabled{pointer-events:none}.cS-hidden{opacity:0;height:1px;filter:alpha(opacity=0);overflow:hidden}.lSSlideOuter.vertical{position:relative}.lSSlideOuter.vertical.noPager{padding-right:0!important}.lSSlideOuter.vertical .lSGallery{top:0;right:0;position:absolute!important}.lSSlideOuter.vertical .lightSlider>*{width:100%!important;max-width:none!important}.lSSlideOuter.vertical .lSAction>a{margin-top:0;margin-left:-14px;left:50%}.lSSlideOuter.vertical .lSAction>.lSNext{background-position:31px -31px;top:auto;bottom:10px}.lSSlideOuter.vertical .lSAction>.lSPrev{background-position:0 -31px;top:10px;bottom:auto}.lSSlideOuter.lSrtl{direction:rtl}.lSSlideOuter .lSPager,.lSSlideOuter .lightSlider{padding-left:0;list-style:none}.lSSlideOuter.lSrtl .lSPager,.lSSlideOuter.lSrtl .lightSlider{padding-right:0}.lSSlideOuter .lSGallery li,.lSSlideOuter .lightSlider>*{float:left}.lSSlideOuter.lSrtl .lSGallery li,.lSSlideOuter.lSrtl .lightSlider>*{float:right!important}@keyframes rightEnd{0%{left:0}50%{left:-15px}to{left:0}}@keyframes topEnd{0%{top:0}50%{top:-15px}to{top:0}}@keyframes leftEnd{0%{left:0}50%{left:15px}to{left:0}}@keyframes bottomEnd{0%{bottom:0}50%{bottom:-15px}to{bottom:0}}.lSSlideOuter .rightEnd{animation:rightEnd .3s;position:relative}.lSSlideOuter .leftEnd{animation:leftEnd .3s;position:relative}.lSSlideOuter.vertical .rightEnd{animation:topEnd .3s;position:relative}.lSSlideOuter.vertical .leftEnd{animation:bottomEnd .3s;position:relative}.lSSlideOuter.lSrtl .rightEnd{animation:leftEnd .3s;position:relative}.lSSlideOuter.lSrtl .leftEnd{animation:rightEnd .3s;position:relative}.lightSlider.lsGrab>*{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lightSlider.lsGrabbing>*{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lSGallery{display:none}.lightSlider>li{padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){height:0;display:none}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:100%}button,html,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{margin:.67em 0;font-size:2em}h2{margin:.83em 0;font-size:1.5em}h3{margin:1em 0;font-size:1.17em}h4{margin:1.33em 0;font-size:1em}h5{margin:1.67em 0;font-size:.83em}h6{margin:2.33em 0;font-size:.67em}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{box-sizing:content-box;height:0}mark{color:#000;background:#ff0}p,pre{margin:1em 0}code,kbd,pre,samp{_font-family:courier new,monospace;font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:"";content:none}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ol,nav ul{list-style:none}img{-ms-interpolation-mode:bicubic;border:0}svg:not(:root){overflow:hidden}figure,form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{white-space:normal;border:0;padding:0}button,input,select,textarea{vertical-align:baseline;margin:0;font-size:100%}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}input::-moz-focus-inner{border:0;padding:0}textarea{vertical-align:top;overflow:auto}table{border-collapse:collapse;border-spacing:0}[hidden]{display:none!important}.simple-img{max-width:100%;height:auto;display:block}.mfp-bg{z-index:10420;opacity:.8;filter:alpha(opacity=80);background:#0b0b0b;overflow:hidden}.mfp-bg,.mfp-wrap{width:100%;height:100%;position:fixed;top:0;left:0}.mfp-wrap{z-index:10430;-webkit-backface-visibility:hidden;outline:none!important}.mfp-container{text-align:center;box-sizing:border-box;width:100%;height:100%;padding:0 8px;position:absolute;top:0;left:0}.mfp-container:before{content:"";vertical-align:middle;height:100%;display:inline-block}.mfp-align-top .mfp-container:before{display:none}.mfp-content{vertical-align:middle;text-align:left;z-index:1045;margin:0 auto;display:inline-block;position:relative}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{cursor:auto;width:100%}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;text-align:center;z-index:1044;width:auto;margin-top:-.8em;position:absolute;top:50%;left:8px;right:8px}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{cursor:pointer;-webkit-appearance:none;z-index:1046;-webkit-box-shadow:none;box-shadow:none;background:0 0;border:0;outline:none;padding:0;display:block;overflow:visible}button::-moz-focus-inner{border:0;padding:0}.mfp-close{text-align:center;opacity:.65;width:44px;height:44px;filter:alpha(opacity=65);color:#fff;padding:0 0 18px 10px;font-family:Arial,Baskerville,monospace;font-size:28px;font-style:normal;line-height:44px;text-decoration:none;position:absolute;top:0;right:0}.mfp-close:focus,.mfp-close:hover{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;text-align:right;width:100%;padding-right:6px;right:-6px}.mfp-counter{color:#ccc;white-space:nowrap;font-size:12px;line-height:18px;position:absolute;top:0;right:0}.mfp-arrow{opacity:.65;filter:alpha(opacity=65);-webkit-tap-highlight-color:transparent;width:90px;height:110px;margin:-55px 0 0;padding:0;position:absolute;top:50%}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1;filter:alpha(opacity=100)}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:"";border:inset #0000;width:0;height:0;margin-top:35px;margin-left:35px;display:block;position:absolute;top:0;left:0}.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow .mfp-b,.mfp-arrow:before{opacity:.7;border-top-width:21px;border-bottom-width:21px}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{border-right:27px solid #3f3f3f;margin-left:25px}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right .mfp-b,.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{width:100%;max-width:900px;line-height:0}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;padding-top:56.25%;overflow:hidden}.mfp-iframe-scaler iframe{background:#000;width:100%;height:100%;display:block;position:absolute;top:0;left:0;box-shadow:0 0 8px #0009}img.mfp-img{box-sizing:border-box;width:auto;max-width:100%;height:auto;margin:0 auto;padding:40px 0;display:block}.mfp-figure,img.mfp-img{line-height:0}.mfp-figure:after{content:"";z-index:-1;background:#444;width:auto;height:auto;display:block;position:absolute;inset:40px 0;box-shadow:0 0 8px #0009}.mfp-figure small{color:#bdbdbd;font-size:12px;line-height:14px;display:block}.mfp-figure figure{margin:0}.mfp-bottom-bar{cursor:auto;width:100%;margin-top:-36px;position:absolute;top:100%;left:0}.mfp-title{text-align:left;color:#f3f3f3;word-wrap:break-word;padding-right:36px;line-height:18px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-height:300px),screen and (max-width:800px) and (orientation:landscape){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{margin-left:5px;display:inline}.mfp-img-mobile .mfp-bottom-bar{box-sizing:border-box;background:#0009;margin:0;padding:3px 5px;position:fixed;top:auto;bottom:0}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{top:3px;right:5px}.mfp-img-mobile .mfp-close{text-align:center;background:#0009;width:35px;height:35px;padding:0;line-height:35px;position:fixed;top:0;right:0}}@media (max-width:900px){.mfp-arrow{transform:scale(.75)}.mfp-arrow-left{transform-origin:0}.mfp-arrow-right{transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;margin-top:5px;margin-left:-300px;padding-bottom:5px;left:50%}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{padding-top:0;top:0;right:0}.mfp-fade.mfp-bg{opacity:0;transition:all .15s ease-out}.mfp-fade.mfp-bg.mfp-ready{opacity:.8}.mfp-fade.mfp-bg.mfp-removing{opacity:0}.mfp-fade.mfp-wrap .mfp-content{opacity:0;transition:all .15s ease-out}.mfp-fade.mfp-wrap.mfp-ready .mfp-content{opacity:1}.mfp-fade.mfp-wrap.mfp-removing .mfp-content{opacity:0}.post-grid{border-collapse:collapse;margin:2% auto;display:table}.post-row{display:table-row}.item{border:1px solid #eee;padding:30px;font-weight:400;display:table-cell}.item-1{border-top:none;border-left:none;width:32%;padding:0 30px 30px 0}.item-2{border-top:none;width:36%;padding:0 30px 30px;position:relative}.item-3{border-top:none;border-right:none;width:32%;padding:0 0 30px 30px}.item-4{border-left:none;width:32%;padding:30px 30px 0 0}.item-4,.item-5{border-bottom:none}.item-5{width:36%;padding:30px 30px 0;position:relative}.item-6{border-bottom:none;border-right:none;width:32%;padding:30px 0 0 30px}.item-2:after,.item-5:before{content:"";background:#fff;width:36px;height:40px;display:block;position:absolute}.item-2:after{bottom:-20px;left:-18px}.item-5:before{top:-20px;right:-18px}.title-info{text-transform:uppercase;color:#3f52b6;font-size:18px;font-weight:700}@media screen and (max-width:414px){.item{font-weight:400;border-bottom:1px solid #eee!important;display:block!important}.item-1,.item-2{border:none;width:100%!important;padding:30px 0!important}.item-2{position:relative}.item-3,.item-4,.item-5{border:none;width:100%!important;padding:30px 0!important}.item-5{position:relative}.item-6{border:none;width:100%!important;padding:30px 0!important}.item-2:after,.item-5:before{content:"";background:#fff;width:0;height:0;display:block;position:absolute}}section.nav{z-index:10000;background:#fff;width:100%;padding:0;position:fixed;top:0;left:0}section.nav.line{box-shadow:0 1px 4px #0000001a,0 1px #0000001a}section.nav.backdrop{-webkit-backdrop-filter:blur(10px);background:#ffffff4d}section.nav h1.logo{text-indent:48px;-webkit-background-size:42px 42px;-ms-background-size:42px 42px;color:#167efb;background:url(/images/logo-wireframeapp.svg) 0 10px/42px 42px no-repeat;height:42px;margin:0;padding:10px 0;font-size:20px;font-weight:700;line-height:40px;display:block}section.nav .header{padding:0 1em}section.nav ul.navigation{float:right;padding:.75em 0}section.nav ul.navigation li{padding:0 2em 0 0;display:inline}section.nav ul.navigation li:last-child{padding:0}section.nav ul.navigation li a{color:#167efb;font-size:16px;font-weight:500}section.hero{background:0 0;padding-top:1em}section.hero .info-show{max-width:360px}section.hero .devices-show{position:absolute;top:40px;left:380px}section.hero .devices-show img{width:100%}section.hero .devices{transform-origin:50% 100%;width:100%;height:800px;margin-top:-60px;position:absolute;transform:scale(.85)}section.hero .iphone{-webkit-background-size:236px 496px;-moz-background-size:236px 496px;-ms-background-size:236px 496px;background:url(/images/iPhone5.svg) 0 0/236px 496px no-repeat;width:236px;height:496px;position:absolute;bottom:60px;left:12px}section.hero .iphone .device-frame{padding:60px 15px 0;position:relative}section.hero .ipad{-webkit-background-size:800px 540px;-moz-background-size:800px 540px;-ms-background-size:800px 540px;background:url(/images/iPad.svg) 0 0/800px 540px no-repeat;width:800px;height:540px;position:absolute;bottom:50px;left:180px}section.hero .ipad .device-frame{padding:35px 80px 0;position:relative}section.hero .macbook{-webkit-background-size:1300px 750px;-moz-background-size:1300px 750px;-ms-background-size:1300px 750px;background:url(/images/macbook.svg) left 0 bottom 0/1300px 750px no-repeat;width:1300px;height:750px;position:absolute;bottom:35px;left:420px}section.hero .macbook .device-frame{padding:70px 180px 0;position:relative}section.hero .device-frame .img-frame{overflow:hidden}section.hero .device-frame img{width:100%;max-width:100%}section.hero h2{margin:.5em 0;padding:0;font-size:72px;line-height:72px;font-weight:500!important}section{color:#333;background:#fff;position:relative;overflow:hidden}section img{vertical-align:bottom}section h2{margin:.5em 0;padding:0;font-size:42px;font-weight:700;line-height:48px}section h2 b{font-weight:400}section h3{margin:1em 0;padding:0;font-size:24px;font-weight:600;line-height:28px}section h3 b,section h4{font-weight:700}section h4{margin:.5em 0;padding:0;font-size:18px;line-height:20px}section p{color:#333;font-size:16px;font-weight:300}section a{color:#333;font-size:15px;font-weight:500;text-decoration:none}section a:hover{color:#868686}section .mini-pad{height:20px}section .small-pad{height:40px}section .medium-pad{height:80px}section .large-pad{height:120px}section .divider-pad{height:80px}section.article h2{text-align:center;padding:30px 10px;font-size:36px;font-weight:500}section.article h3{padding:30px 10px 10px;font-size:22px;font-weight:500}section.article p{padding:10px;font-size:15px;font-weight:400;line-height:22px}section.article p.explain{color:#167efb;padding:40px 30px 10px;font-size:22px;font-weight:500;line-height:32px}section.article p.legal{padding:10px;font-size:15px;font-weight:300;line-height:22px}section.article a{text-decoration:underline}section.article{border-bottom:1px solid #eee;padding-bottom:30px}.light-grey-bg{background-color:#efefef}.light-blue-bg{background-color:#f3f4f5}.blue-bg{background-color:#167efb}.grey-bg{background-color:#bebebe}.highlight{color:#167efb;font-size:18px;font-weight:500;line-height:32px!important}.highlight-bg{background-image:-ms-linear-gradient(0deg,#f5f6fb,#eae6e3 100%);background-image:-o-linear-gradient(#eae6e3 0,#f5f6fb);background-image:-webkit-linear-gradient(#eae6e3,#f5f6fb);background-image:-moz-linear-gradient(#eae6e3 0,#f5f6fb)}.svg-highlight{width:200px;padding-bottom:20px}.line-bg{border-top:1px solid #eee;border-bottom:1px solid #eee}.neat-font{letter-spacing:.01em;font-weight:300!important}.center{text-align:center}.explainmore{font-size:24px}.relative{position:relative}.footer{border-top:1px solid #eee;padding:40px 1em;line-height:32px}.footer-link{margin-right:20px;font-weight:400;display:inline-block}.footer-link:hover{text-decoration:underline}a.small-logo img{vertical-align:top;width:32px;height:32px;margin-right:10px}.plan-section{padding-top:20px}.plan{color:#fff;min-height:150px;padding:10px}.plan .plan-header{text-align:center;height:24px;font-size:14px;font-weight:500}.plan.plan-popular .plan-header{color:#167efb;border:2px solid #167efb;border-top-left-radius:10px;border-top-right-radius:10px;line-height:24px}.plan .plan-content{padding:10px}.plan.plan-normal .plan-content{background-color:#167efb;border-radius:10px}.plan.plan-popular .plan-content{background-color:#167efb;border-bottom-right-radius:10px;border-bottom-left-radius:10px}.plan .plan-content span{display:block}.plan .plan-content span.title{text-align:center;font-size:20px;font-weight:700}.plan .plan-content span.pricing{text-align:center}.plan .plan-content span.pricing span{display:inline-block}.plan .plan-content span.pricing span.dollar{vertical-align:top;padding-top:15px;font-size:24px}.plan .plan-content span.pricing span.amount{font-size:72px}.plan .plan-content span.pricing span.permonth{font-size:24px}.plan .plan-content span.desc{text-align:center;font-size:14px;font-style:italic}#plan-selection input{margin:30px 5px 0;font-size:26px}.call-out{text-align:left;vertical-align:bottom;padding-bottom:5px;padding-left:20px;padding-right:20px;display:inline-block}.call-out .call-out-now{color:#333;padding-bottom:5px;font-size:26px;font-weight:700}.call-out .call-out-explaination{font-size:14px}.dark-bg{background-color:#353a3c}.dark-bg,.dark-bg p{color:#969ba2}.box{padding:.5em 1em}.list-features{letter-spacing:normal;background-color:#eff2f5;border:1px solid #eee;border-radius:10px;margin:10px;padding:15px}.list-desc ul{letter-spacing:normal;border-bottom:none;margin:0;padding:0;display:inline-block}.list-desc ul li{letter-spacing:normal;text-align:left;background:url(/_next/static/media/tick.fda07029.png) no-repeat;padding:5px 10px 5px 48px;font-size:18px;font-weight:300}.list-desc ul li.not{background:url(/_next/static/media/tickno.c3d87bfb.png) no-repeat}section.hero h2{padding-top:40px}section h2.top{padding-top:0}section.exclusive{padding-bottom:100px}section.exclusive h2{text-align:center;color:#167efb;margin:.5em auto;padding:0;font-size:48px;font-weight:500!important}section.exclusive h3{text-align:center;font-size:36px;line-height:1.1em}section.exclusive h4{text-align:center;line-height:36px}section.exclusive .button-exclusive{padding-right:20px}section.exclusive .button-exclusive img{width:229px}section.exclusive a{color:#167efb;font-size:1em}@keyframes stroke{0%{stroke-dashoffset:120%}to{stroke-dashoffset:0}}@keyframes bleed{0%{opacity:0}to{opacity:1}}#container{display:flex;position:relative}#calligraphy{transform:scale(.7)}.stroke,.stroke--eraser,.stroke--thin{fill:none;stroke:#222833;stroke-width:45px;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:120%;stroke-dashoffset:120%}.stroke--thin{stroke-width:20px}.bleed{fill:#222833;opacity:0}.animate #h-stroke-1{animation:stroke 1s .5s forwards}.animate #h-stroke-2{animation:stroke 1s .86s forwards}.animate #h-bleed-1,.animate #h-bleed-2{animation:bleed 1ms 1.07s forwards}.animate #h-bleed-3,.animate #h-bleed-4{animation:bleed 1ms 1.11s forwards}.animate #h-stroke-3{animation:stroke 1s 1.5s forwards}.animate #h-bleed-5{animation:bleed 1ms 1.54s forwards}.animate #i-stroke-1{animation:stroke 1s 2.2s forwards}.animate #i-bleed-1{animation:bleed 1ms 2.38s forwards}.animate #i-bleed-2{animation:bleed 1ms 2.4s forwards}.animate #i-stroke-2{animation:stroke 1s 2.6s forwards}.animate #x-stroke-1{animation:stroke 1s 3s forwards}.animate #x-stroke-2{animation:stroke 1s 3.26s forwards}.animate #x-bleed-1{animation:bleed 1ms 3.48s forwards}.animate #x-bleed-2{animation:bleed 1ms 3.5s forwards}.animate #x-stroke-3{animation:stroke 1s 3.7s forwards}@keyframes redo{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes btn{0%{opacity:0;cursor:auto;pointer-events:none}to{opacity:1;cursor:pointer;pointer-events:auto}}@keyframes fadeout{0%{opacity:1}to{opacity:0}}@keyframes eraser{0%{stroke-dashoffset:1000%}99%{opacity:1}to{stroke-dashoffset:0;opacity:0}}.stroke--eraser{stroke:#f3f3f3;stroke-width:50px;stroke-dasharray:1000%;stroke-dashoffset:1000%}#redo{width:40px;height:40px;position:absolute;top:20px;left:20px}#redo svg{width:100%;height:auto}#redo svg:focus,#redo svg:hover{animation:redo .8s infinite}#redo path{fill:#3ec3a3}#redo.animate{animation:btn .4s 4.5s forwards}#redo.animate,#redo.hidden{opacity:0;cursor:auto;pointer-events:none}#redo.hidden{animation:fadeout .4s forwards}.animate #e-stroke{animation:eraser 5s}@media screen�{.bleed,.stroke,.stroke--eraser,.stroke--thin{stroke-dasharray:0;stroke-dashoffset:0;opacity:1;animation:none}#redo,.stroke--eraser{opacity:0}}@supports (-ms-ime-align:auto){.bleed,.stroke,.stroke--eraser,.stroke--thin{stroke-dasharray:0;stroke-dashoffset:0;opacity:1;animation:none}#redo,.stroke--eraser{opacity:0}}.profile{font-family:Montserrat,sans-serif}.card-profile{color:#666;border-radius:5px;max-width:400px;margin:0 auto;font-size:15px;line-height:1.26;transition:box-shadow .5s;box-shadow:0 2px 10px 2px #ccc}.card-profile:hover{cursor:pointer;transition:box-shadow .5s;box-shadow:0 3px 25px 3px #aaa}.card-profile .card-header{color:#fff;text-align:center;background-color:#4c54a3;border-radius:5px 5px 0 0;padding:15px 0 10px 30px;position:relative}.card-profile .card-header img{border-radius:50%;width:100px;height:100px;position:absolute;top:45px;left:20px}.card-profile .card-header .card-title{margin-left:-20px;font-size:24px}.card-profile .card-body{height:calc(100% - 200px);padding:45px 20px 10px}.card-profile .card-footer{border-top:1px solid #ccc;padding:10px;font-size:18px}.card-profile .card-footer a{color:#666;padding:0 15px 0 0;font-size:16px;text-decoration:none}.card-profile .card-footer a i{font-size:24px}.card-profile .card-footer a.github:hover{color:#24292e}.card-profile .card-footer a.twitter:hover{color:#1da1f2}.card-profile .card-footer a.facebook:hover{color:#3b5998}.card-profile .card-footer a.linkedin:hover{color:#0077b5}.card-profile .card-footer a.mail:hover{color:#167efb}#canvas{position:absolute;top:0;left:0}.message{padding:1em;font-family:Montserrat,sans-serif;font-size:36px}.brand-logo{height:20px}.ui{justify-content:center;align-items:center;height:500px;margin:0;padding:0;display:flex}.presentation{background-color:#efeff3;width:140px;height:250px;animation:window 3s infinite forwards;position:relative;overflow:hidden}.presentation>*{position:absolute}.main header{background-color:#4c54a4;border-top:7px solid #3c3e99;width:100%;height:30px;animation:header 3s infinite forwards;top:0;left:0}.main article{width:140px;height:220px;animation:article 3s infinite forwards;top:30px;left:50%;transform:translate(-50%)}.main article,.main article:after{background-color:#fff;box-shadow:0 2px 4px #6464644d}.main article:after{content:"";width:100%;height:100px;margin-top:15px;position:absolute;top:100%}.main button{-webkit-appearance:none;background-color:#999;border:0;border-radius:100%;width:20px;height:20px;margin:0;padding:0;animation:button 3s infinite forwards;position:absolute;top:220px;right:10px;box-shadow:inset 0 0 1px #0006,0 2px 3px #0003}@keyframes window{0%,15%,90%{width:140px;height:250px}30%,45%{width:400px;height:300px}60%,75%{width:560px;height:370px}}@keyframes header{0%,15%,90%{border-top-width:7px;width:100%;height:30px}30%,45%{border-top-width:12px;height:90px}60%,75%{border-top-width:14px;height:105px}}@keyframes article{0%,15%,90%{top:#4c54a4;width:140px;height:220px}30%,45%{width:270px;height:220px;top:35px}60%,75%{width:290px;height:225px;top:35px}}@keyframes button{0%,15%,90%{width:20px;height:20px;top:220px;right:10px}30%,45%{width:26px;height:26px;top:87px;right:20px}60%,75%{width:26px;height:26px;top:105px;right:25px}}.my-work{width:100%;min-height:220px;margin:3rem 0;padding-top:2rem;position:relative;overflow:scroll hidden}.my-work::-webkit-scrollbar{height:5px}.my-work::-webkit-scrollbar-thumb{background-color:#0000;background-clip:content-box;border:20px solid #0000;border-radius:15px}.entries{margin-left:1rem;margin-right:-4500px}.timeline{box-sizing:border-box;background-color:#ddd;background-clip:content-box;border:.2rem solid #0000;border-width:.2rem 0;width:5220px;height:.5rem;position:absolute}.entry{float:left;text-align:center;max-width:170px;margin:.5rem 1rem 0;position:relative}.entry .dot{box-sizing:border-box;-o-transition:height .2s linear,width .2s linear,margin .2s linear,background-color .3s ease-out;background-color:#888;background-clip:content-box;border:.12rem solid #ddd;border-radius:100%;width:1.2rem;height:1.2rem;margin-top:-.85rem;margin-left:-.6rem;transition:height .2s linear,width .2s linear,margin .2s linear,background-color .3s ease-out;position:absolute;left:50%}.entry:hover .dot{cursor:pointer;background-color:#3f52b6}.entry:hover .label{cursor:pointer;background-color:#d0dbe8}.label{-o-transition:margin-top .2s linear,background-color .2s linear,border-bottom .2s linear;background-color:#e1e8f0;background-clip:padding-box;border-bottom:0 solid #0000;border-radius:.2rem;margin-top:3rem;padding:.4rem .8rem .8rem;transition:margin-top .2s linear,background-color .2s linear,border-bottom .2s linear;position:relative}.label,.label .time{display:inline-block}.label .time{text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #fffc;margin:0 0 .4rem;padding:0 .3rem .3rem;font-size:.7rem}.label .detail{font-size:.8rem}.label:before{content:"";background-color:inherit;box-sizing:border-box;transform-origin:50%;z-index:-1;background-clip:content-box;width:1rem;height:1rem;margin-top:-.9rem;margin-left:-.5rem;display:block;position:absolute;left:50%;transform:rotate(45deg)}.label a{color:#3f52b6;font-size:.8rem;text-decoration:none}@media screen and (max-width:1024px){.message{font-size:32px!important}#container,#container svg#calligraphy{margin:0 auto}}@media screen and (max-width:801px){.hero h2{font-size:46px!important}.hero h3{font-size:18px!important}}@media screen and (max-width:768px){section.hero .devices{transform-origin:50% 100%;margin-top:0;transform:scale(.75)}section.hero h2,section.hero h3{text-align:center}section.hero .button-highlight{text-align:center;width:180px;margin:0 auto;display:block}section.hero .devices-show{position:absolute;top:275px;left:0}section.hero .info-show{max-width:768px}section .mini-pad{height:10px}section .small-pad{height:30px}section .medium-pad{height:40px}section .divider-pad{height:0}section.hero h2{font-size:62px;line-height:62px}section .large-pad{height:60px}.card-1-img{margin-top:50px}.browser-icon{margin-top:60px}.hide-if-portrait{display:none!important}section h2.top{padding-top:50px}}@media screen and (min-width:641px) and (max-width:767px){section.nav h1.logo{text-align:left;width:200px;margin:0 auto}section.nav .header{padding:0}section.nav ul.navigation{float:none;text-align:center;padding:0 0 1em}section h2.top{padding-top:70px}}@media screen and (max-width:640px){section.nav h1.logo{text-align:left;width:200px;margin:0 auto}section.nav .header{padding:0}section.nav ul.navigation{float:none;text-align:center;padding:0 0 1em}section.hero .devices{transform-origin:50% 100%;margin-top:0;transform:scale(.7)}section.footer .copyright{text-align:center!important}section.footer .footer-link{padding-bottom:20px}.large-pad{height:30px}.center-if-mobile{text-align:center}section h2.top{padding-top:80px}}@media screen and (max-width:1230px){.entries{margin-right:-4500px}}@media screen and (max-width:520px){.entries{margin-right:-4500px}.hide-if-mobile{display:none!important}section h2,section h3,section h4,section p{text-align:center}}@media screen and (max-width:414px){.entries{margin-right:-4500px}section.hero{text-align:center}section.hero h2{padding-top:60px;font-size:54px!important;line-height:54px!important}section.hero .devices-show{position:absolute;top:-50px;left:0}section.hero .devices{transform-origin:50% 110%;transform:scale(.5)}.light-grey-bg{padding-bottom:50px}section.hero h2{font-size:62px;line-height:62px}section.footer{text-align:center}.hide-if-mobile{display:none!important}.card-profile,.card-profile .card-header{border-radius:0}}img{display:inline-block}.simple-table{border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #cbcbcb}.simple-table caption{color:#000;text-align:center;padding:1em 0;font:italic 85%/1 arial,sans-serif}.simple-table td,.simple-table th{font-size:inherit;border-width:0;border-left:1px solid #cbcbcb;margin:0;padding:.5em 1em;overflow:visible}.simple-table td:first-child,.simple-table th:first-child{border-left-width:0}.simple-table thead{color:#000;text-align:left;vertical-align:bottom;background:#e0e0e0}.simple-table tr.alt td{background:#f4f4f4}.simple-table td{background-color:#0000}.simple-table-odd td,.simple-table-striped tr:nth-child(2n-1) td{background-color:#f2f2f2}.simple-table-bordered td{border-bottom:1px solid #cbcbcb}.simple-table-bordered tbody>tr:last-child td,.simple-table-horizontal tbody>tr:last-child td{border-bottom-width:0}.simple-table-horizontal td,.simple-table-horizontal th{border-width:0;border-bottom:1px solid #cbcbcb}.simple-table-horizontal tbody>tr:last-child td{border-bottom-width:0}:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body{background:var(--background);color:var(--foreground)}@property --tw-leading{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}