:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{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{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}*{font-family:Times New Roman,Times,serif}body{font-kerning:normal;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{width:100%;height:100%;object-fit:cover}h1{text-align:center;color:#fff;font-size:5rem;font-weight:500;line-height:1}a,p{text-decoration:none;text-transform:uppercase;color:#fff;font-size:14px;font-weight:500;line-height:1;-webkit-font-smoothing:antialiased}.container{position:relative;width:100vw;height:100vh;overflow:hidden}.hero-img{position:absolute;top:0;width:100vw;height:100vh;overflow:hidden;z-index:-1;object-fit:cover;object-position:center;transform:translate(-50%,-50%);filter:brightness(50%)}.nav{position:absolute;top:0;width:100vw;padding:1.25em 1.5em;display:flex;align-items:center;gap:1.5em;will-change:transform;z-index:10}.nav>div{flex:1}.logo a{text-transform:capitalize;font-size:20px;font-weight:bolder}.logo a:hover{text-decoration:none;color:#fff}.nav-links{display:flex;gap:1.5em;justify-content:flex-end}.nav-links a{position:relative;text-decoration:none;color:#fff;font-size:14px;font-weight:500}.nav-links a:after{content:"";position:absolute;width:100%;height:2px;bottom:-4px;left:0;background-color:#fff;transform:scaleX(0);transform-origin:left center;transition:transform .25s ease-out}.nav-links a:hover:after{transform:scaleX(1)}.btn{display:flex;justify-content:flex-end}.btn a{display:flex;justify-content:center;align-items:center;font-size:16px;width:60px;height:40px;color:#000;background-color:#fff;border-radius:40px}.header{position:absolute;top:0;width:100%;height:100%;padding-top:35vh;display:flex;flex-direction:column;align-items:center;gap:1.5em}.line p{color:#fff}.cta{position:absolute;left:50%;bottom:3em;transform:translate(-50%);width:40%;height:60px;padding:.5rem;display:flex;justify-content:flex-end;background-color:#fff;border-radius:4em;will-change:transform}.cta-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-label p{color:#000}.cta-icon{position:relative;height:100%;aspect-ratio:1;display:flex;justify-content:center;align-items:center;color:#fff;background-color:#303030;border-radius:60px;will-change:transform;transition:.25s ease;transform:scale(0);transform-origin:center}.cta-icon:hover{filter:invert()}.loader{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;z-index:2}.overlay{position:absolute;top:0;width:100%;height:100%;display:flex}.block{width:100%;height:100%;background-color:#303030}.intro-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:.25rem}#word-1{position:relative;left:-.25rem;padding-right:.2rem}#word-2{position:relative;right:-.25rem;padding-left:.2rem}.word h1{font-size:2.5rem}.divider{position:absolute;top:0;left:50%;transform:translate(-50%);transform-origin:center top;width:1px;height:100%;background-color:#fff}.spinner-container{position:absolute;bottom:10%;left:50%;transform:translate(-50%)}.spinner{width:50px;height:50px;border:2px solid white;border-top-color:#ffffff20;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.counter{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.count{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex}.digit{flex:1;padding-top:1rem}.count .digit h1{font-size:20rem;font-weight:400}.nav{transform:translateY(-120%)}.cta{transform:translate(-50%) scale(0)}.cta-icon{transform:scale(0)}.line,.cta-label,.word,.count,.digit{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.line h1,.line p,.cta-label p,.count .digit h1{position:relative;transform:translateY(120%);will-change:transform}#word-1 h1{transform:translateY(-120%)}#word-2 h1{transform:translateY(120%)}.block{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.divider{transform:scaleY(0%)}.hero-img{transform:scale(1.5);will-change:transform}@media(max-width:900px){h1{font-size:2.5rem}.nav-links{display:none}.cta{width:90%}button,a{color:#fff}.cta-icon{height:50px;width:50px}.generate h1,.generate select,.generate input{font-size:1.5rem!important}}.generate{position:relative;width:100vw;height:100vh;padding:2rem;text-align:center;background-color:#fff;color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center}.generate h1,p{color:#000}.generate h1{font-size:2rem}.generate select{font-size:2rem;font-weight:500;line-height:1;background-color:transparent;border:none;border-bottom:2px solid black;color:#000;padding:.25rem 0}.generate select:focus{outline:none;border-bottom-color:#303030}.generate input{font-weight:500;line-height:1;background-color:transparent;color:#000;font-size:2rem;border:none;border-bottom:2px solid black}.generate input:focus{outline:none}.generate button{display:inline-block;margin-top:2rem;font-size:1.5rem;font-weight:800;padding:1rem;width:80vw;transition:.25s ease}.generate button:hover{filter:invert()}.planselect{margin:2rem auto}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:60px;color:#aaa}.sticky-cards{position:relative;width:100vw;background-color:#0f0f0f}.card{position:relative;width:100%;height:110vh;perspective:1000px}.card-inner{position:relative;width:100%;height:100%;display:flex;flex-direction:column;transform-origin:50% 100%;text-align:center;transform-style:preserve-3d;color:#fff;will-change:transform}.card-inner{background:var(--card-bg, rgba(15,15,15,.9));border:1px solid var(--card-border, rgba(255,255,255,.1));transform:translateZ(0)}.card-info{width:25%;padding:1em 2em;text-align:left}.card-info p{font-size:1rem;color:#fff}.card-title h1{font-size:7rem;padding:0}.card-title h1{color:var(--card-accent, white)}.card-description{width:60%;margin:2rem auto}.card-description ul{padding-left:2rem}.card-description li{font-size:1.5rem;text-align:left}.card-description p{font-size:1.5rem}.card-progress{width:60%;margin:1.5rem auto 0;text-align:left}.complete-btn{display:inline-block;font-size:1.25rem;font-weight:800;padding:.5rem;width:70vw;transition:.25s ease;margin:1rem auto}.complete-btn:hover{filter:invert()}.card.locked{pointer-events:none}.card-lock-overlay{position:absolute;inset:0;z-index:5;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.card-lock-overlay p{font-size:1rem;letter-spacing:.12em;color:#ffffffd9}.progress-text{font-size:1rem;letter-spacing:.05em;margin-bottom:.5rem;color:#ffffffbf}.progress-bar{width:100%;height:6px;background-color:#ffffff26;border-radius:6px;overflow:hidden}.progress-fill{height:100%;background-color:var(--card-accent, white);width:0%;transition:width .6s cubic-bezier(.9,0,.1,1)}.card-img{width:100%;height:100%;margin-top:4em;overflow:hidden}.card-inner{background-color:var(--card-bg, #101010);box-shadow:inset 0 0 0 1px var(--card-border),0 40px 120px #0009}.card-inner:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at bottom,var(--card-accent),transparent 70%);opacity:.08;pointer-events:none}.card-inner:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:var(--after-opacity, 0);will-change:opacity;pointer-events:none;z-index:2}.card p,.card-description p,.card-info p{color:#fff}@media(max-width:1000px){.card-description{width:calc(100% - 4rem);font-size:3rem;margin:1em auto}.card-info{width:75%;margin:0 auto;padding:2em;text-align:center}.card-title{font-size:2rem}.card-description li{font-size:1.25rem;text-align:left}.card-description p{font-size:1.25rem}}