@import"https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,400;0,600;1,400;1,600&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{font-size:6.9444444444vw;scroll-behavior:smooth}:root{--main-font: "Inter", sans-serif;--sub-font: "LexendDeca", sans-serif;--black: #000;--white: #fff;--beige: #fffdf4;--font-size-h1: 2.57rem;--font-size-h2: .88rem;--line-height-h1: 2.97rem;--line-height-h2: .95rem;--letter-spacing-h1: -.15rem;--letter-spacing-h2: -.0265rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-size:18px;font-family:var(--main-font);min-width:320px;min-height:100vh;background-color:var(--beige);color:#000}body.overflow-hidden{overflow:hidden}.title{color:var(--black);font-family:var(--main-font);font-size:var(--font-size-h1);font-weight:300;letter-spacing:var(--letter-spacing-h1);line-height:var(--line-height-h1)}.title-h2{color:var(--black);font-family:var(--main-font);font-size:var(--font-size-h2);font-weight:400;letter-spacing:var(--letter-spacing-h2);line-height:var(--line-height-h2)}.up-text{text-transform:uppercase}.paddingX{padding-left:.3rem;padding-right:.3rem}.radius{position:absolute;width:10px;max-width:10px;height:10px;max-height:10px;background:var(--beige);-webkit-mask-image:url(https://zajno-storage0.s3.us-west-1.amazonaws.com/dev/codepen/vsimdim/radius-mask.png);mask-image:url(https://zajno-storage0.s3.us-west-1.amazonaws.com/dev/codepen/vsimdim/radius-mask.png);-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.radius.radius-bottom{bottom:0}.radius.radius-left{left:0}.radius.radius-top{top:0}.radius.radius-right{right:0}.radius.radius-transform-y{-webkit-transform:translateY(100%);transform:translateY(100%)}.radius.radius-transform-y-reverse{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.radius.radius-transform-x{-webkit-transform:translateX(100%);transform:translate(100%)}.radius.radius-transform-x-reverse{-webkit-transform:translateX(-100%);transform:translate(-100%)}.radius.radius-top.radius-left.radius-transform-x-reverse{-webkit-transform:translateX(-100%) rotate(90deg);transform:translate(-100%) rotate(90deg)}.radius.radius-bottom.radius-right.radius-transform-y{-webkit-transform:translateY(100%) rotate(90deg);transform:translateY(100%) rotate(90deg)}.radius.radius-top.radius-left.radius-transform-y-reverse{-webkit-transform:translateY(-100%) rotate(-90deg);transform:translateY(-100%) rotate(-90deg)}.radius.radius-bottom.radius-right.radius-transform-x{-webkit-transform:translateX(100%) rotate(-90deg);transform:translate(100%) rotate(-90deg)}#root{width:100%;min-height:100vh}.app{width:100%;min-height:100vh;overflow-x:hidden}.header{position:fixed;top:0;left:0;display:flex;align-items:center;width:100%;min-height:.7rem;color:var(--black);padding:15px .3rem;z-index:10;transform:translateY(0);transition:transform .3s ease-in-out}.header-hidden{transform:translateY(-100%)}.header-main{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;max-width:100%}.header-logo{display:flex;align-items:center;gap:1px;font-size:.15rem;font-family:var(--sub-font);font-weight:700;text-transform:uppercase;opacity:0}.header-logo img{height:.65rem;width:auto;display:block}.header-logo-text{font-family:Geist,sans-serif;font-size:.23rem;font-weight:600;color:#000;letter-spacing:-.01rem}.header-nav{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:40px}.header-nav-link{font-family:Geist,sans-serif;font-size:.16rem;font-weight:500;color:#000;text-decoration:none;transition:opacity .2s ease}.header-nav-link:hover{opacity:.6}.header-lang{font-size:.18rem;font-family:var(--main-font);font-weight:500;opacity:0}.header-slogan{font-size:.16rem;line-height:1.6;opacity:0}.header-menu{font-size:.15rem;font-family:var(--sub-font);font-weight:600;letter-spacing:.0045rem;text-transform:uppercase;margin:0 0 0 auto;opacity:0}.hero{position:relative;padding-top:1.7rem;height:-moz-max-content;height:-webkit-max-content;height:max-content;margin-bottom:.25rem;opacity:1}.hero-translate{position:relative;width:100%;height:100%}.hero-titles{position:relative;z-index:1}.hero-subtitle{font-family:var(--main-font);font-size:.6rem;font-weight:300;letter-spacing:-.03rem;line-height:1.2;color:var(--black);margin:0;margin-bottom:.02rem}.hero-title{font-family:var(--main-font);font-size:1.3rem;font-weight:300;letter-spacing:-.1rem;line-height:1;color:var(--black);margin:0}.hero-title-wrapp{position:absolute;left:0;top:-.13rem;z-index:1}.hero-title-rect{position:absolute;width:104%;height:113%;background:var(--beige);border-radius:0 0 10px}.hero-title-rect .radius-top{top:.13rem}.hero-img{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%;overflow:hidden;-webkit-transform-origin:top;transform-origin:top;border-radius:10px}.hero-img img{width:100%;opacity:1}.hero-date{display:none}.make{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100vh;opacity:0}.make-subtitle{font-size:.28rem;font-family:var(--main-font);font-weight:500;color:#0009;text-transform:capitalize;margin-left:.07rem}.make-main{display:grid;grid-template-columns:3fr 2fr;margin-top:10px}.make-text{font-size:.8rem}.make-text:nth-child(2n){text-align:right;margin-top:1.1em}.personalized-text{font-style:italic;font-family:"Source Serif Pro",serif;font-weight:600;text-transform:none}.make-gallery{position:absolute;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;padding-top:.7rem;padding-bottom:1.06rem;gap:.5rem}.gallery-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;gap:.4rem}.gallery-row-top{height:45%}.gallery-row-bottom{height:42%}.gallery-wrapp{position:relative;height:100%;max-height:100%}.gallery-wrapp__left{width:5.2rem;flex-shrink:0}.gallery-wrapp__left .gallery-item__rect{position:absolute;top:-1px;left:50%;width:50%;height:.66rem;background:var(--beige);border-bottom-left-radius:10px;z-index:1}.gallery-wrapp__medium{width:7.5rem;flex-shrink:0}.gallery-wrapp__medium .gallery-item__rect{position:absolute;bottom:-1px;right:40%;width:60%;height:.66rem;background:var(--beige);border-top-left-radius:10px;z-index:1}.gallery-wrapp__big{width:7.8rem;flex-shrink:0}.gallery-wrapp__big .gallery-main,.gallery-wrapp__big .gallery-item{margin-left:auto}.gallery-wrapp__big .gallery-item__rect{position:absolute;bottom:-1px;right:40%;width:60%;height:.66rem;background:var(--beige);border-top-right-radius:10px;z-index:1}.gallery-wrapp__small{width:6.2rem;flex-shrink:0}.gallery-wrapp__small .gallery-main,.gallery-wrapp__small .gallery-item{margin-left:auto}.gallery-wrapp__small .gallery-item__rect{position:absolute;top:-1px;left:45%;width:55%;height:.66rem;background:var(--beige);border-bottom-right-radius:10px;z-index:1}.gallery-main{position:relative;width:-moz-max-content;width:-webkit-max-content;width:max-content;max-width:100%;height:100%}.gallery-item{position:relative;height:100%;border-radius:10px;overflow:hidden}.gallery-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.gallery-item-overlay{position:absolute;inset:0;background-color:#00000026;border-radius:10px}.gallery-step-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:#ffffff40;border:1px solid rgba(255,255,255,.4);border-radius:12px;padding:.5rem;box-shadow:0 4px 6px #0000001a,inset .558px .558px 11.16px #ffffff1a;width:90%}.step-number{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.18rem;font-weight:600;text-transform:uppercase;letter-spacing:.01rem;opacity:.8;margin-bottom:.08rem}.step-title{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.42rem;font-weight:600;letter-spacing:-.01rem;line-height:1.2;margin-bottom:.1rem;color:#cbfc34}.step-description{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.18rem;font-weight:400;line-height:1.4;opacity:.9;margin-bottom:.15rem}.step-checklist{list-style:none;padding:0;margin:0}.step-checklist li{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.17rem;font-weight:500;line-height:1.6;padding-left:.2rem;position:relative}.step-checklist li:before{content:"✓";position:absolute;left:0;color:#cbfc34;font-weight:700;font-size:.18rem}.statistics{padding:100px 0;background-color:#fdfcf8;position:relative;z-index:3;margin-top:-150px;border-radius:67px 67px 0 0}.statistics-title{font-family:"Source Serif Pro",serif;font-size:64px;font-weight:400;line-height:1;color:#000;letter-spacing:-2.56px;text-align:center;margin:0 0 80px}.statistics-blocks{display:flex;flex-direction:column;gap:40px;align-items:flex-start}.statistics-block{height:257px;border-radius:0 29px 29px 0;display:flex;align-items:center;justify-content:flex-start;padding:40px 80px}.stats-lime{background-color:#cbfc34;max-width:1400px;width:1400px;position:relative}.stats-teal{background-color:#779a9c;max-width:800px;width:800px;position:relative}.statistics-content{display:flex;align-items:center;gap:40px}.statistics-number{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:140px;font-weight:500;color:#000;letter-spacing:-4.2px;flex-shrink:0}.statistics-text{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:24px;font-weight:400;color:#000;line-height:1.3;margin:0;max-width:500px}.statistics-text sup{font-size:16px;vertical-align:super}@media(max-width:1400px){.stats-lime{max-width:1100px;width:1100px}.stats-teal{max-width:650px;width:650px}.statistics-number{font-size:100px;letter-spacing:-3px}.statistics-text{font-size:20px;max-width:400px}.statistics-content{gap:30px}.statistics-block{height:200px;padding:30px 60px}}@media(max-width:1024px){.statistics{padding:80px 0 60px;margin-top:-100px}.statistics-title{font-size:48px;letter-spacing:-1.92px;margin-bottom:60px}.stats-lime{max-width:90%;width:90%}.stats-teal{max-width:65%;width:65%}.statistics-block{height:160px;padding:25px 40px}.statistics-number{font-size:80px;letter-spacing:-2.4px}.statistics-text{font-size:18px;max-width:350px}.statistics-content{gap:25px}}@media(max-width:768px){.statistics{padding:60px 0 40px;margin-top:-80px}.statistics-title{font-size:36px;letter-spacing:-1.44px;margin-bottom:40px}.statistics-blocks{gap:20px}.stats-lime{max-width:100%;width:100%}.stats-teal{max-width:75%;width:75%}.statistics-block{height:auto;min-height:120px;padding:20px 30px}.statistics-content{flex-direction:column;gap:15px;align-items:flex-start}.statistics-number{font-size:60px;letter-spacing:-1.8px}.statistics-text{font-size:16px;max-width:100%}}@media(max-width:480px){.statistics{padding:40px 0 30px;margin-top:-60px}.statistics-title{font-size:28px;letter-spacing:-1.12px}.stats-lime{max-width:100%;width:100%}.stats-teal{max-width:80%;width:80%}.statistics-number{font-size:48px;letter-spacing:-1.44px}.statistics-text{font-size:14px}.statistics-block{min-height:100px;padding:15px 20px}.statistics-content{gap:10px}}.quote{width:100%;background-color:#fdfcf8;padding:80px 0}.quote-background{position:relative;width:100%;height:506px;overflow:hidden}.quote-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.quote-overlay{position:absolute;inset:0;background-color:#00000057}.quote-content{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 157px}.quote-text{font-family:"Source Serif Pro",serif;font-size:64px;font-weight:400;line-height:1.2;color:#fdfcf8;letter-spacing:-2.56px;margin:0;text-align:center}.quote-italic{font-weight:600;font-style:italic}@media(max-width:1024px){.quote-background{height:400px}.quote-content{padding:0 80px}.quote-text{font-size:48px;letter-spacing:-1.92px}}@media(max-width:768px){.quote{padding:60px 0}.quote-background{height:350px}.quote-content{padding:0 40px}.quote-text{font-size:36px;letter-spacing:-1.44px}}@media(max-width:480px){.quote-background{height:300px}.quote-content{padding:0 20px}.quote-text{font-size:28px;letter-spacing:-1.12px}}.why-stryde{padding:120px 0;background-color:#fdfcf8}.why-stryde-title{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:60px;font-weight:400;line-height:1;color:#000;letter-spacing:-2.4px;text-align:center;margin:0 0 100px}.why-stryde-accordion{max-width:1100px;margin:0 auto;padding:0 50px}.accordion-item{display:flex;align-items:flex-start;gap:30px;padding:30px 0}.check-icon{flex-shrink:0;color:#000;margin-top:5px}.accordion-content-wrapper{flex:1;display:flex;flex-direction:column;gap:15px}.accordion-title{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:32px;font-weight:300;color:#000;letter-spacing:-1.28px;line-height:1.2}.accordion-content{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:18px;font-weight:300;color:#000000b3;line-height:1.6;margin:0;max-width:800px}.accordion-toggle{flex-shrink:0;background:transparent;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;color:#000;transition:transform .3s ease;margin-top:5px}.accordion-toggle:hover{transform:scale(1.1)}.accordion-toggle.open{transform:rotate(45deg)}.accordion-toggle.open:hover{transform:rotate(45deg) scale(1.1)}.accordion-divider{height:1px;background-color:#000;width:calc(100% - 80px);margin-left:80px}@media(max-width:1024px){.why-stryde{padding:80px 0}.why-stryde-title{font-size:48px;letter-spacing:-1.92px;margin-bottom:60px}.why-stryde-accordion{padding:0 40px}.accordion-title{font-size:28px;letter-spacing:-1.12px}.accordion-content{font-size:16px}.check-icon{width:40px;height:40px}.accordion-toggle svg{width:32px;height:32px}}@media(max-width:768px){.why-stryde{padding:60px 0}.why-stryde-title{font-size:36px;letter-spacing:-1.44px;margin-bottom:40px}.why-stryde-accordion{padding:0 30px}.accordion-item{gap:20px;padding:20px 0}.accordion-title{font-size:22px;letter-spacing:-.88px}.accordion-content{font-size:15px}.accordion-content-wrapper{gap:12px}.check-icon{width:32px;height:32px}.accordion-toggle svg{width:28px;height:28px}.accordion-divider{width:calc(100% - 60px);margin-left:60px}}@media(max-width:480px){.why-stryde-title{font-size:28px;letter-spacing:-1.12px}.accordion-item{gap:15px}.accordion-title{font-size:18px;letter-spacing:-.72px}.accordion-content{font-size:14px}.accordion-content-wrapper{gap:10px}.check-icon{width:28px;height:28px}.accordion-toggle svg{width:24px;height:24px}}.footer{background-color:#fdfcf8;padding:60px 85px 40px}.footer-divider{height:1px;background-color:#000;margin-bottom:50px}.footer-logo{height:338px;display:flex;align-items:center;justify-content:center;margin-bottom:60px;overflow:hidden}.footer-logo-image{max-width:100%;height:auto;object-fit:contain}.footer-content{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-bottom:80px}.footer-column{display:flex;flex-direction:column}.footer-heading{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:24px;font-weight:500;color:#000;margin:0 0 20px}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.footer-links a{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:500;color:#000;text-decoration:none;transition:opacity .2s}.footer-links a:hover{opacity:.7}.footer-contact{margin-bottom:40px}.footer-email{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:400;color:#000;text-decoration:none;letter-spacing:.32px;display:block;margin-bottom:12px;transition:opacity .2s}.footer-email:hover{opacity:.7}.footer-social{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:400;color:#000;letter-spacing:.32px;margin:0}.footer-bottom{padding-top:20px;border-top:1px solid #e5e5e5}.footer-copyright{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:10px;font-weight:300;color:#969696;letter-spacing:.2px;margin:0}@media(max-width:1024px){.footer{padding:50px 60px 30px}.footer-content{gap:40px}.footer-logo{height:250px;margin-bottom:50px}}@media(max-width:768px){.footer{padding:40px 30px 20px}.footer-content{grid-template-columns:1fr;gap:30px;margin-bottom:50px}.footer-logo{height:200px;margin-bottom:40px}.footer-heading{font-size:20px}.footer-links a,.footer-email,.footer-social{font-size:14px}}@media(max-width:480px){.footer{padding:30px 20px 15px}.footer-logo{height:150px;margin-bottom:30px}.footer-heading{font-size:18px}}
