.wrapper{max-width:1200px;justify-self:center}#promise{margin:2rem 8rem;padding:1rem 4rem 2rem 4rem;background-color:#FFF;border-radius:40px;box-shadow:0 35px 20px -27px rgba(0,81,126,0.2);height:calc(100vh - var(--header-height) - 5rem);max-height:895px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}h1{text-shadow:0 3px 2px rgba(0,53,90,0.1);color:var(--blue);font-size:50px;font-weight:700;letter-spacing:2.5px;text-align:center;margin-bottom:1rem}#preview-image-container{margin:2rem 0;position:relative;flex-grow:1;min-height:1px}#preview-image-container .primary-button{position:absolute;top:0;left:50%;transform:translate3d(-50%,-50%,0);margin:0;padding:0 3rem;z-index:1}#preview-image-container img{max-height:100%;width:auto;border-radius:30px;border:2px solid var(--blue);filter:brightness(0.99)}#promise-message-container{border-radius:25px;box-shadow:0 15px 6px -7px rgba(0,103,161,0.1),0px 0 4px 0 rgba(0,103,161,0.06);background:#FFF}#promise-message{padding:.5rem 3rem;padding-left:4rem;position:relative;color:rgba(104,124,135,1);font-size:17px;letter-spacing:1px}#promise-1::before,#promise-2::before,#promise-3::before{content:'1';width:30px;height:30px;border-radius:50%;background:var(--blue);position:absolute;left:2rem;top:50%;transform:translate3d(-50%,-50%,0);display:flex;align-items:center;justify-content:center;box-shadow:0 3px 2px rgba(0,53,90,0.1);color:#FFF;font-size:25px;font-weight:700}#promise-2::before{content:'2'}#promise-3::before{content:'3'}#promise-swapper{padding:.5rem 1rem;padding-top:0;display:flex;align-items:center;justify-content:center}#promise-swapper>div{background-color:var(--light-grey);width:15px;height:15px;border-radius:50%;margin:.5rem;cursor:pointer}#promise-swapper>div.active{background-color:var(--blue)}#cards-container{background:url(/static/website/images/pattern-squares.png),radial-gradient(rgba(138,204,255,1) 0,rgba(18,106,176,1) 100%);background-position:bottom center;background-repeat:repeat-x;background-blend-mode:color-burn;background-blend-mode:soft-light;padding:2rem}#cards-container h2{color:#FFF;text-shadow:0 3px 4px rgba(0,53,90,0.29);font-size:30px;font-weight:700;letter-spacing:4.17px;max-width:50%}#cards{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;align-items:start;justify-items:center;padding:20px}.card{display:flex;flex-direction:row;align-items:center;background:#fff;border:1px solid #d4e4f7;border-radius:10px;padding:20px;box-shadow:0 4px 8px rgba(0,0,0,0.1);max-width:80%}.card:nth-child(odd){transform:translateY(20px)}.card:nth-child(even){transform:translateY(-20px)}.card img{margin:1rem;width:auto;height:60px}#working{padding:2rem;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr}#working h2{text-shadow:0 3px 2px rgba(0,53,90,0.1);color:var(--blue);font-size:45px;font-weight:700;letter-spacing:3.75px}#working .balloon{border-radius:40px;box-shadow:0 35px 20px -27px rgba(0,81,126,0.45);background-color:#FFF;padding:20px;font-weight:500;letter-spacing:1.5px;display:flex;flex-direction:row;align-items:center;width:80%;margin:1rem 0}#working .balloon img{margin:0 1rem;width:auto;height:35px}#working-input,#working-output{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-evenly}#working-output{align-items:flex-start}#working-transcript{border-radius:40px;box-shadow:0 35px 20px -27px rgba(0,81,126,0.45);background-color:#FFF;padding:20px;display:flex;flex-direction:column;margin:1rem 0}#transc-title{font-size:20px;font-weight:700;letter-spacing:1.5px}#transc-user{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin:1rem 0}#transc-user-letter{background:var(--yellow);color:#FFF;width:1.5rem;height:1.5rem;font-size:1rem;border-radius:50%;text-align:center}#transc-user-name{margin:0 1rem;font-weight:bold}#transc-icon{margin:-3rem auto;width:150px;height:auto}#working-transcript,#working-output .balloon,#working-input,#working-input .balloon,#working-output{position:relative}#working-transcript::before{content:url("/static/website/icons/arrow-down.svg");position:absolute;top:0;left:10%;transform:translate3d(-50%,-100%,0)}#working-input::before{content:'';width:1px;height:calc(75% - -6px);background:var(--blue);position:absolute;bottom:-6px;left:10%}#working-input .balloon::before{content:'';width:calc(12.5% - 6px);height:1px;background:var(--blue);position:absolute;top:50%;left:-6px;transform:translate3d(-100%,-50%,0)}#working-output .balloon::before{content:url("/static/website/icons/arrow-left.svg");position:absolute;top:50%;right:0;transform:translate3d(100%,-50%,0)}#working-output .balloon::after{content:'';width:calc(12.5% - 6px);height:1px;background:var(--blue);position:absolute;top:50%;right:-6px;transform:translate3d(100%,-50%,0)}#working-output .balloon:nth-child(2):after{width:22%}#working-output::before{content:'';width:1px;height:67%;background:var(--blue);position:absolute;top:50%;right:10%;transform:translateY(-50%)}#scenarios-container h2{text-shadow:0 3px 2px rgba(0,53,90,0.1);color:var(--blue);font-size:45px;font-weight:700;letter-spacing:3.75px;padding:2rem}#scenarios{background:url('/static/website/images/pattern-background.png');background-repeat:repeat-y;background-position:top center;background-size:cover}#scenarios>.wrapper{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;padding:2rem}#right-scenarios{padding-top:13rem}#scenarios .scenario{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:2rem;cursor:pointer}#scenarios a:hover{color:inherit!important}#scenarios .scenario>img{display:block;width:auto;height:350px;object-fit:contain;object-position:bottom}#scenarios .scenario-container{border-radius:40px;box-shadow:0 35px 20px -27px rgba(0,81,126,0.45);background-color:#FFF;padding:20px;display:flex;flex-direction:column;border:3px solid transparent;transition:.1s ease-in-out,border .1s ease-in-out}#scenarios .scenario:hover .scenario-container{box-shadow:0 35px 30px -27px rgba(0,81,126,0.7);border:3px solid var(--blue)}#scenarios .scenario-title{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;margin-bottom:1rem}#scenarios .scenario-icon{height:35px;width:auto;margin-right:1rem}#scenarios .scenario h3{text-shadow:0 3px 2px rgba(0,53,90,0.1);color:var(--blue);font-size:20px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase}#cta-container{background:url(/static/website/images/pattern-squares.png),linear-gradient(199deg,rgba(138,204,255,1) 0,rgba(18,106,176,1) 100%);background-position:bottom center;background-repeat:repeat-x;background-blend-mode:color-burn;background-blend-mode:soft-light}#cta-container>.wrapper{padding:2rem 6rem;color:#FFF;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}#cta-container h2{color:#FFF;text-shadow:0 3px 4px rgba(0,53,90,0.29);font-size:30px;font-weight:700;letter-spacing:4.17px;max-width:1000px}#cta-container .wrapper>div{max-width:1000px;color:#FFF;font-size:20px;font-weight:400;letter-spacing:1.95px;margin:1rem 0}#cta-container .primary-button{box-shadow:none;width:fit-content;padding:1rem 2rem}@media screen and (max-width:600px){#promise{height:auto;max-height:none;margin:1rem;padding:1rem}h1{font-size:30px}#preview-image-container{margin:3rem 0 1rem 0}#promise-message{padding:.5rem;padding-top:4rem}#promise-1::before,#promise-2::before,#promise-3::before{top:2rem;left:50%}#cards-container .wrapper{margin:0}#cards-container h2{max-width:none;text-align:center}#cards{grid-template-columns:1fr;padding:1rem 0}.card{transform:none!important;max-width:none;flex-direction:column-reverse;text-align:center}.card:nth-child(even){flex-direction:column}.card img{margin:0;width:80%;height:auto}#working{grid-template-columns:1fr;margin:0;grid-template-areas:"working-title" "working-input" "working-transcript" "working-output"}#working h2{font-size:35px}#working .balloon{width:90%;padding:.5rem}#working-title{grid-area:working-title}#working-input{grid-area:working-input}#working-transcript{grid-area:working-transcript}#working-output{grid-area:working-output;align-items:flex-end}#working-transcript::before{left:1px}#working-input::before{left:1px;bottom:-9px}#working-input .balloon::before{left:0}#working-output::before{left:1px;top:-1px;transform:none;height:84%}#working-output .balloon::before{left:3px;right:unset;transform:translate3d(-100%,-50%,0) rotate(180deg)}#working-output .balloon::after{left:0;transform:translate3d(-100%,-50%,0)}#working-output .balloon:nth-child(2):after{width:calc(12.5% - 6px)}#scenarios{background-size:initial}#scenarios-container h2{margin:0;font-size:30px;text-align:center}#scenarios>.wrapper{grid-template-columns:1fr;margin:0}#scenarios .scenario>img{width:80%;height:auto}#right-scenarios{padding:0}#cta-container>.wrapper{margin:0;padding:2rem}}