:root{font-family:Montserrat,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button{color:#fff;border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{background-color:#b31e46}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}header{background-color:#fff;width:100vw;height:80px;display:flex;justify-content:center;align-items:center;gap:16px}header .logo{height:48px;margin-right:20px}header .logo img{height:100%}header .navbar{display:flex;align-items:center;gap:24px}@media(max-width:768px){header .navbar a{display:none}}header .navbar a:hover{color:#b31e46}header .navbar a{text-decoration:none;color:#000;font-weight:600;font-size:1.125rem}@media(max-width:768px){header .navbar button{margin-left:92px!important}}header .navbar button{margin-left:540px;color:#fff;font-weight:600;font-size:1.125rem}.main-hero{position:relative;width:100vw;padding:10vh 0;display:flex;align-items:center;justify-content:center;gap:90px;overflow:hidden;background-image:linear-gradient(156deg,#c66c6c,#823242 30%,#150205)}@media(max-width:768px){.main-hero{flex-direction:column;padding:5vh 0 8vh;gap:30px}}.main-hero .runnergrade-pattern{width:400%;height:400%;position:absolute;background-image:url(/runnergrade_pattern.png);mix-blend-mode:soft-light;transform:rotate(-45deg)}.main-hero .hero-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:32px;color:#fff;z-index:999}.main-hero .hero-content h1,.main-hero .hero-content p{margin:0;text-shadow:0px 4px 12px hsla(0,0%,0%,.2)}@media(max-width:768px){.main-hero .hero-content h1{font-size:2.5rem!important}}.main-hero .hero-content h1{font-size:3.5rem;font-weight:700}@media(max-width:768px){.main-hero .hero-content p{font-size:1.2rem!important}}.main-hero .hero-content p{font-size:1.25rem}.main-hero .hero-content button{font-size:1.25rem;font-weight:600;padding:1rem 2rem}@media(max-width:768px){.main-hero .hero-image{order:-1;display:flex;justify-content:center;align-items:center;height:320px!important}}.main-hero .hero-image{z-index:999;height:640px}.customizable-slab{position:relative;width:400px;height:640px;display:flex;justify-content:center;-webkit-user-select:none;user-select:none}@media(max-width:768px){.customizable-slab{transform:scale(.5)}}.customizable-slab .slab{position:relative;width:100%;height:100%;background-image:url(/slab_slab.png);background-size:contain;background-position:center;background-repeat:no-repeat;z-index:999}.customizable-slab .backdrop{position:absolute;width:90%;height:94%;top:2.25%;border-radius:2%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.customizable-slab .grade{position:absolute;width:80%;top:4.25%}.customizable-slab .runner-name{position:absolute;font-family:Albert Sans,sans-serif;font-weight:900;text-transform:uppercase;left:14.5%;top:6.5%;font-size:85%}.customizable-slab .runner-mark{position:absolute;font-family:Albert Sans,sans-serif;font-weight:900;text-transform:uppercase;left:14.5%;top:9.75%;font-size:65%}.customizable-slab .race-date{position:absolute;font-family:Albert Sans,sans-serif;font-weight:900;text-transform:uppercase;left:14.5%;top:12.25%;font-size:40%}.customizable-slab .race-name{position:absolute;font-family:Albert Sans,sans-serif;font-weight:900;text-transform:uppercase;left:12.5%;top:16%;font-size:60%;color:#fff}.customizable-slab .photo-frame{position:absolute;width:80%;bottom:7%}.customizable-slab .photo-placeholder{position:absolute;background-color:#fff;width:62%;height:60%;bottom:12%;background-size:cover;background-position:center}.customizable-slab .card-bib{position:absolute;width:0;display:flex;justify-content:center;font-family:Inter,sans-serif;font-weight:700;text-transform:uppercase;text-align:center;right:34%;top:30.4%;font-size:65%;color:#fff}.customizable-slab .card-name{position:absolute;width:0;display:flex;justify-content:center;font-family:Inter,sans-serif;font-weight:700;text-transform:uppercase;text-align:center;left:38.5%;bottom:14%;font-size:65%;color:#fff}.how-it-works{display:flex;flex-direction:column;align-items:center;padding:4rem 0 6rem;gap:24px}@media(max-width:768px){.how-it-works{padding:2rem 0 3rem;gap:0}}@media(max-width:768px){.how-it-works h2{font-size:2rem!important}}.how-it-works h2{font-size:2.5rem;font-weight:700}.how-it-works .steps{display:flex;gap:72px}@media(max-width:768px){.how-it-works .steps{flex-direction:column;gap:12px}}.how-it-works .steps .step{width:400px;display:flex;flex-direction:column;align-items:center}@media(max-width:768px){.how-it-works .steps .step h3{font-size:1.2rem!important}}.how-it-works .steps .step h3{font-size:1.5rem;font-weight:600}.how-it-works .steps .step p{font-size:1.2rem;text-align:center}@media(max-width:768px){.how-it-works .steps .step .icon{width:100px!important;height:100px!important}}.how-it-works .steps .step .icon{width:200px;height:200px;display:flex;justify-content:center;align-items:center;background-color:#b31e46;border-radius:100%}.how-it-works .steps .step .icon img{height:50%;color:#fff}.testimonials{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;color:#fff;background-image:linear-gradient(320deg,#9d9595,#5e5557 30%,#100a0b);padding:4rem 0 6rem}@media(max-width:768px){.testimonials{padding:2rem 0 3rem}}.testimonials .runnergrade-pattern{width:400%;height:400%;position:absolute;background-image:url(/runnergrade_pattern.png);mix-blend-mode:soft-light;transform:rotate(-45deg)}@media(max-width:768px){.testimonials h2{font-size:2rem!important}}.testimonials h2{text-align:center;font-size:2.5rem;font-weight:700}.testimonials .testimonial-cards{display:flex;gap:64px;margin-top:2rem}@media(max-width:768px){.testimonials .testimonial-cards{flex-direction:column;gap:32px}}.testimonials .testimonial-cards .testimonial-card{background:#0003;border-radius:24px;padding:1.5rem;max-width:300px;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media(max-width:768px){.testimonials .testimonial-cards .testimonial-card p{font-size:1.2rem!important}}.testimonials .testimonial-cards .testimonial-card p{font-size:1.5rem;margin-bottom:1rem}.testimonials .testimonial-cards .testimonial-card h3{font-size:1.25rem;font-weight:600;margin:0}.footer{display:flex;justify-content:center;align-items:center;font-size:1.2rem;padding:1rem}.footer img{height:24px;margin-right:16px}