.home-page{position:relative;overflow-x:clip}.landing-content{max-width:1200px;margin:auto;padding:2.5rem 2rem}.hero-copy{max-width:820px;padding:1rem 0 3rem}.landing-title{letter-spacing:-.035em;text-wrap:balance;margin:1.25rem 0;font-size:clamp(2.8rem,7vw,5.6rem);font-weight:500;line-height:1.12}.landing-title span{color:#bfdc78}.hero-description{color:#d1c7dd;max-width:640px;font-size:clamp(1rem,2vw,1.2rem);line-height:1.8}.hero-actions{flex-wrap:wrap;align-items:center;gap:1.5rem;margin:2rem 0 1rem;display:flex}.hero-secondary{color:#e5dfeb;text-underline-offset:5px}.hero-secondary:hover{text-decoration:underline}.hero-note{color:#b2a4bf;font-size:.8rem}.hero-examples{padding-top:2rem}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:1.5rem;display:flex}.section-heading h2{font-size:1.6rem;font-weight:500}.section-heading p{color:#bfb2cd;font-size:.9rem}.how-it-works{padding-top:5rem}.how-it-works h2{letter-spacing:-.02em;max-width:650px;margin:.75rem 0 2rem;font-size:clamp(1.8rem,4vw,2.7rem);font-weight:500;line-height:1.2}.how-it-works ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;list-style:none;display:grid}.how-it-works li{background:#ffffff04;border:1px solid #55435f;border-radius:1.25rem;padding:1.5rem}.how-it-works li>span{color:#c3de85;font-size:.8rem;font-weight:700}.how-it-works h3{margin:1rem 0 .5rem;font-size:1.1rem;font-weight:600}.how-it-works li p{color:#bfb4ca;font-size:.95rem}@media (max-width:640px){.landing-content{padding:1.5rem 1rem}.hero-copy{padding-bottom:1.5rem}.how-it-works ol{grid-template-columns:1fr}.how-it-works{padding-top:3rem}}.landing-button{color:#fff;background:#c92141;border-radius:100px;align-items:center;gap:2rem;padding:1rem 1.5rem;font-weight:650;transition:background .2s,transform .2s;display:inline-flex;box-shadow:0 8px 30px #e6233c22}.landing-button:hover{background:#af1735;transform:translateY(-2px)}
.testimonials-section{background:0 0;width:100%;padding:2rem 0;overflow-x:hidden}.testimonials-container{max-width:1400px;margin:0 auto;padding:0 20px}.testimonials-header{text-align:center;margin-bottom:80px}.testimonials-title{letter-spacing:-1px;color:#fff;background:linear-gradient(135deg,#fff 0%,#b9db5a 20%,#99c31c 40%,#6f9610 60%,#99c31c 80%,#fff 100%) 0 0/200% 200%;-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;background-clip:text;margin-bottom:.2rem;font-size:4rem;font-weight:500;animation:4s ease-in-out infinite gradientShift;display:inline-block;position:relative}.testimonials-title *{background:inherit;background-size:inherit;-webkit-text-fill-color:transparent;animation:inherit;-webkit-background-clip:text;background-clip:text}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.testimonials-subtitle{color:#ffffffb7;text-shadow:0 0 2px #ffffff1a,0 0 4px #ffffff4d,0 0 8px #fff6,0 0 136px #8400ffe6;text-align:center;margin:0;font-size:1.2rem;font-weight:400}.testimonials-marquee-container{width:100%;max-width:1200px;margin:0 auto;position:relative;overflow:hidden}.testimonials-marquee-container:before,.testimonials-marquee-container:after{content:"";z-index:10;pointer-events:none;width:200px;position:absolute;top:0;bottom:0}.testimonials-marquee-container:before{background:linear-gradient(90deg,#060010,#0000);left:0}.testimonials-marquee-container:after{background:linear-gradient(270deg,#060010,#0000);right:0}.testimonial-row{width:100%;margin-bottom:20px;padding:2px 0;position:relative;overflow:visible}.testimonial-row:last-child{margin-bottom:0}.testimonial-marquee{will-change:transform;backface-visibility:hidden;gap:20px;width:max-content;animation-timing-function:linear;animation-iteration-count:infinite;display:flex;transform:translateZ(0)}.testimonial-marquee-left{animation-name:marquee-left;animation-duration:var(--speed)}.testimonial-marquee-right{animation-name:marquee-right;animation-duration:var(--speed)}@keyframes marquee-left{0%{transform:translate(0)}to{transform:translate(-25%)}}@keyframes marquee-right{0%{transform:translate(-25%)}to{transform:translate(0)}}.testimonial-card{box-sizing:border-box;-webkit-backdrop-filter:blur(10px);white-space:normal;background:#060010;border:1px solid #ffffff1a;border-radius:16px;flex-shrink:0;width:380px;height:20rem;padding:24px;transition:all .3s}.testimonial-content{flex-direction:column;gap:16px;height:100%;display:flex}.testimonial-text{color:#fff;scrollbar-width:thin;scrollbar-color:#493b58 #130c1e;scrollbar-gutter:stable;overflow-wrap:break-word;white-space:normal;flex:1;min-height:0;margin:0;font-size:1.2rem;line-height:1.6;overflow-y:auto}.testimonial-text::-webkit-scrollbar{width:6px}.testimonial-text::-webkit-scrollbar-track{background:#130c1e;border-radius:999px}.testimonial-text::-webkit-scrollbar-thumb{background:#493b58;border-radius:999px}.testimonial-text::-webkit-scrollbar-thumb:hover{background:#62506f}.testimonial-author{flex-shrink:0;align-items:center;gap:12px;display:flex}.testimonial-avatar{object-fit:cover;border:2px solid #ffffff1a;border-radius:50%;width:40px;height:40px;position:relative;overflow:hidden}.testimonial-handle{color:#fffc;font-size:1.2rem;font-weight:500}@media (max-width:1280px){.testimonials-marquee-container{max-width:1000px}.testimonial-card{width:320px}}@media (max-width:1024px){.testimonials-marquee-container{max-width:800px}.testimonial-card{width:280px;padding:20px}.testimonials-title{font-size:2.5rem}}@media (max-width:768px){.testimonials-section{padding:80px 0}.testimonials-header{margin-bottom:60px}.testimonials-title{font-size:2.5rem}.testimonials-subtitle{font-size:1.1rem}.testimonials-marquee-container{max-width:600px}.testimonials-marquee-container:before,.testimonials-marquee-container:after{width:80px}.testimonial-card{width:240px;height:16rem;padding:18px}.testimonial-text{font-size:.9rem}.testimonial-handle{font-size:.8rem}.testimonial-row{margin-bottom:16px}}@media (max-width:480px){.testimonials-container{padding:0 16px}.testimonials-marquee-container{max-width:400px}.testimonials-marquee-container:before,.testimonials-marquee-container:after{width:60px}.testimonial-card{width:200px;padding:16px}.testimonials-title{font-size:2rem}.testimonials-subtitle{font-size:1rem}.testimonial-avatar{width:32px;height:32px}.testimonial-handle{font-size:.8rem}}.testimonial-row:hover .testimonial-marquee{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.testimonial-marquee{flex-wrap:wrap;width:100%;transform:none}.testimonial-marquee>[aria-hidden=true],.testimonials-marquee-container:before,.testimonials-marquee-container:after{display:none}.testimonial-marquee>div,.testimonial-card{width:100%}}
.start-building-section{z-index:22;background:0 0;width:100%;padding:80px 0;position:relative}.start-building-container{max-width:1200px;margin:0 auto;padding:0 20px}.start-building-card{-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:linear-gradient(135deg,#e6233c,#e6233cb3) 0 0/200% 200%;border-radius:16px;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:1200px;margin:0 auto;padding:4rem 3rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.start-building-card:before{content:"";filter:invert();mix-blend-mode:multiply;opacity:1;pointer-events:none;z-index:1;background-image:url(/assets/grain.webp);background-repeat:repeat;background-size:500px 500px;width:100%;height:100%;position:absolute;top:0;left:0}.start-building-card>*{z-index:2;position:relative}.start-building-title{color:#fff;margin:0;font-size:2.6rem;font-weight:600;line-height:1}.start-building-subtitle{color:#fff;opacity:.9;max-width:600px;margin:-1rem 0 0;font-size:1.2rem;font-weight:500;line-height:1.4}@media (max-width:1280px){.start-building-container{max-width:1000px;padding:0 30px}.start-building-card{padding:2.5rem}}@media (max-width:768px){.start-building-section{padding:60px 0}.start-building-container{padding:0 20px}.start-building-card{border-radius:12px;gap:1.25rem;padding:3rem 2rem}.start-building-title{font-size:2rem}.start-building-subtitle{font-size:1.1rem}}@media (max-width:480px){.start-building-section{padding:40px 0}.start-building-container{padding:0 16px}.start-building-card{gap:1rem;padding:2.5rem 1.5rem}.start-building-title{font-size:1.5rem}.start-building-subtitle{margin:0;padding:0 .6rem;font-size:1rem}}.start-building-button{color:#99c31c;cursor:pointer;background:0 0;border:2px solid #99c31c;border-radius:50px;padding:.6rem 1.6rem;font-size:1.5rem;font-weight:700;transition:all .2s}.start-building-button:hover{color:#691020;background:#99c31c}@media (max-width:768px){.start-building-button{padding:.875rem 1.75rem;font-size:1rem}}@media (max-width:480px){.start-building-button{padding:.75rem 1.5rem;font-size:.95rem}}
.chroma-grid{box-sizing:border-box;--x:50%;--y:50%;--r:220px;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;width:100%;height:100%;display:flex;position:relative}.chroma-card{background:var(--card-gradient);--mouse-x:50%;--mouse-y:50%;--spotlight-color:#e6233c;--spotlight-color2:#99c31c;cursor:pointer;border-radius:20px;flex-direction:column;width:calc(33% - .5rem);height:400px;transition:all .3s;display:flex;position:relative;overflow:hidden}@media (max-width:780px){.chroma-card{width:calc(50% - .5rem)}}.chroma-card:before{content:"";background:radial-gradient(circle at var(--mouse-x) var(--mouse-y), var(--spotlight-color), transparent 70%);opacity:0;z-index:2;cursor:pointer;transition:opacity .5s;position:absolute;inset:0}.chroma-card:nth-child(odd):before{background:radial-gradient(circle at var(--mouse-x) var(--mouse-y), var(--spotlight-color), transparent 70%)}.chroma-card:nth-child(2n):before{background:radial-gradient(circle at var(--mouse-x) var(--mouse-y), var(--spotlight-color2), transparent 70%)}.chroma-card:hover:before{opacity:1}.chroma-img-wrapper{z-index:1;box-sizing:border-box;background:0 0;flex:1;width:100%;height:100%;padding:10px;transition:background .3s;position:relative}.chroma-img-wrapper img{object-fit:cover;border-radius:10px;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.chroma-img-wrapper img.fadeAlphaPerson{animation:10s ease-in-out infinite fadeAlphaPerson}.chroma-img-wrapper img.fadeAlphaPerson.fade-delay-1{animation-delay:0s}.chroma-img-wrapper img.fadeAlphaPerson.fade-delay-2{animation-delay:.5s}.chroma-img-wrapper img.fadeAlphaPerson.fade-delay-3{animation-delay:1s}.chroma-img-wrapper img.fadeAlphaPerson.fade-delay-4{animation-delay:1.5s}.chroma-img-wrapper img.fadeAlphaPerson.fade-delay-5{animation-delay:2s}.chroma-img-wrapper img.fadeAlphaPerson.fade-delay-6{animation-delay:2.5s}@keyframes fadeAlphaPerson{0%{opacity:1}50%{opacity:0}to{opacity:1}}.chroma-info{z-index:1;color:#fff;grid-template-columns:1fr auto;gap:.25rem .75rem;padding:.75rem 1rem;font-family:system-ui,sans-serif;display:grid;position:relative}.chroma-info .role,.chroma-info .handle{color:#aaa}.chroma-overlay{pointer-events:none;z-index:3;-webkit-backdrop-filter:grayscale()brightness(.78);-webkit-mask-image:radial-gradient(circle var(--r) at var(--x) var(--y), transparent 0%, transparent 15%, #0000001a 30%, #00000038 45%, #00000059 60%, #00000080 75%, #000000ad 88%, white 100%);mask-image:radial-gradient(circle var(--r) at var(--x) var(--y), transparent 0%, transparent 15%, #0000001a 30%, #00000038 45%, #00000059 60%, #00000080 75%, #000000ad 88%, white 100%);-webkit-mask-image:radial-gradient(circle var(--r) at var(--x) var(--y), transparent 0%, transparent 15%, #0000001a 30%, #00000038 45%, #00000059 60%, #00000080 75%, #000000ad 88%, white 100%);background:0 0;position:absolute;inset:0}.chroma-fade{pointer-events:none;z-index:4;-webkit-backdrop-filter:grayscale()brightness(.78);-webkit-mask-image:radial-gradient(circle var(--r) at var(--x) var(--y), white 0%, white 15%, #ffffffe6 30%, #ffffffc7 45%, #ffffffa6 60%, #ffffff80 75%, #ffffff52 88%, transparent 100%);mask-image:radial-gradient(circle var(--r) at var(--x) var(--y), white 0%, white 15%, #ffffffe6 30%, #ffffffc7 45%, #ffffffa6 60%, #ffffff80 75%, #ffffff52 88%, transparent 100%);-webkit-mask-image:radial-gradient(circle var(--r) at var(--x) var(--y), white 0%, white 15%, #ffffffe6 30%, #ffffffc7 45%, #ffffffa6 60%, #ffffff80 75%, #ffffff52 88%, transparent 100%);opacity:1;background:0 0;transition:opacity .25s;position:absolute;inset:0}.dialogFooter{justify-content:center;width:100%;padding:1rem;display:flex;position:relative}@media (max-width:640px){.chroma-card{height:250px}}@media (prefers-reduced-motion:reduce),(hover:none){.chroma-overlay,.chroma-fade{display:none}}
