:root{--glow-rgb: #f5f5f5;--light-blue: #53b0d1;--purple-main: #6a11cb;--primary-stripe-rgb: #e6e6e6;--secondary-stripe-rgb: #f0f0f0}@font-face{font-family:KGBlankSpaceSketch;src:local("KGBlankSpaceSketch"),url(/fonts/KGBlankSpace/KGBlankSpaceSketch.ttf)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Arial,sans-serif;line-height:1.6;color:#333;background-color:#f9f9f9}#modal-wrapper[data-disabled=true]{visibility:hidden}.modal-close-icon{font-family:KGBlankSpaceSketch;color:red;display:flex;align-self:end;font-size:clamp(1em,1.2em,14ch)}.container{max-width:1100px;margin:0 auto;padding:0 20px}.navbar{background-color:#fff;color:#333;padding:1rem 0;box-shadow:0 2px 5px #0000001a;position:fixed;width:100%;top:0;z-index:1000}.navbar .container{display:flex;justify-content:space-between;align-items:center}.navbar .logo{font-size:1.8rem;font-weight:700;color:#6a11cb}.navbar nav ul{list-style:none;display:flex;align-items:center}.navbar nav ul li{margin-left:20px}.navbar nav ul li a{text-decoration:none;color:#555;font-weight:700;transition:color .3s ease}.navbar nav ul li a:hover{color:#fff}.btn{display:inline-block;padding:10px 25px;border:3px solid #3b0b6e;border-radius:25px;text-decoration:none;font-weight:700;cursor:pointer;transition:background-color .3s ease,transform .2s ease;text-align:center}.btn-primary{font-family:"Press Start 2P";background-color:#3b0b6e;color:#fff;display:flex;align-items:center;justify-content:center;margin:0;height:clamp(2em,14em,5ch);font-size:clamp(1em,1.2em,14ch)}.btn-primary:hover{background-color:#2c0c4e;border:3px solid #5a3384;transform:translateY(-2px)}.btn-secondary{background-color:transparent;color:#6a11cb;border:2px solid #6a11cb}.btn-secondary:hover{background-color:#6a11cb;color:#fff}h1{font-family:KGBlankSpaceSketch,system-ui;letter-spacing:.5ch;font-size:clamp(1.5rem,8vw,2.8rem);width:80%;font-weight:400;font-style:normal;text-align:center}#hero p{font-size:1.2rem;max-width:600px;margin:0 auto 2rem}.hero-image-placeholder{background-color:#fff3;width:70%;max-width:500px;height:250px;margin:3rem auto 0;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fffc;border:2px dashed rgba(255,255,255,.5)}.hero-logo{height:clamp(2em,11em,14ch)}section h2{text-align:center;font-size:2.2rem;margin-bottom:40px;color:#333}.features-section{background-color:#fff}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;text-align:center}.feature-item .icon-placeholder{background-color:#e0e0e0;width:60px;height:60px;border-radius:50%;margin:0 auto 15px;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:#888}.feature-item h3{font-size:1.4rem;margin-bottom:10px;color:#6a11cb}.how-it-works-section{background-color:#f4f7fc}.steps-container{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:20px}.step{text-align:center;max-width:200px}.step-number{width:50px;height:50px;background-color:#ff6f61;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 15px}.step h3{font-size:1.3rem;margin-bottom:8px;color:#2575fc}.step-arrow{font-size:2rem;color:#aaa;display:none}@media (min-width: 768px){.step-arrow{display:block}}.businesses-section{background-color:#fff;text-align:center}.businesses-section p{max-width:600px;margin:0 auto 2rem}.businesses-section ul{list-style:none;padding:0;max-width:400px;margin:0 auto 2rem;text-align:left}.businesses-section ul li{margin-bottom:10px;color:#555}.businesses-section ul li:before{content:"✓ ";color:#28a745;font-weight:700;margin-right:8px}.cta-section{margin-top:1.5em;padding:2.5em;background-color:#6a11cb;color:#fff;text-align:center}.cta-section h2{color:#fff;margin-bottom:15px}.cta-section p{margin-bottom:25px;font-size:1.1rem}#signup-form{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px}#signup-form input[type=email]{padding:12px 20px;border:1px solid #ccc;border-radius:25px;font-size:1rem;min-width:250px;flex-grow:1}.footer{background-color:#333;color:#ccc;text-align:center;padding:20px 0}.footer a{color:var(--purple-main);text-decoration:none}.footer a:hover{text-decoration:underline}@keyframes pan{0%{background-position:0% 0%}to{background-position:100% 0%}}.star-wrapper{height:calc(100dvh - env(safe-area-inset-bottom));overflow:hidden;position:relative}.star-container{background:radial-gradient(var(--light-blue),var(--purple-main));height:100%;overflow:hidden;position:relative}.star-pattern{background-image:url(/x_pattern_white.svg);background-size:10%;position:absolute;left:50%;top:0;translate:-50% 0%;z-index:1;height:100%;width:100%;min-width:1200px;opacity:.1;animation:pan 180s linear infinite;will-change:background-position}.star-gradient-container{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;height:100%}.start-call-to-action{display:flex;flex-direction:column;padding-top:1em;align-items:center;gap:3em;justify-content:space-between;height:55%}.start-call-to-action h1{width:75%;color:#fbf5e5}.stripe-container{position:absolute;z-index:3;left:50%;bottom:0;translate:-50% 0%;height:28dvh;min-height:240px;width:100%;min-width:2000px;background-color:var(--stripe-primary-rgb);clip-path:polygon(0% 5%,1.25% 0%,2.5% 5%,3.75% 0%,5% 5%,6.25% 0%,7.5% 5%,8.75% 0%,10% 5%,11.25% 0%,12.5% 5%,13.75% 0%,15% 5%,16.25% 0%,17.5% 5%,18.75% 0%,20% 5%,21.25% 0%,22.5% 5%,23.75% 0%,25% 5%,26.25% 0%,27.5% 5%,28.75% 0%,30% 5%,31.25% 0%,32.5% 5%,33.75% 0%,35% 5%,36.25% 0%,37.5% 5%,38.75% 0%,40% 5%,41.25% 0%,42.5% 5%,43.75% 0%,45% 5%,46.25% 0%,47.5% 5%,48.75% 0%,50% 5%,51.25% 0%,52.5% 5%,53.75% 0%,55% 5%,56.25% 0%,57.5% 5%,58.75% 0%,60% 5%,61.25% 0%,62.5% 5%,63.75% 0%,65% 5%,66.25% 0%,67.5% 5%,68.75% 0%,70% 5%,71.25% 0%,72.5% 5%,73.75% 0%,75% 5%,76.25% 0%,77.5% 5%,78.75% 0%,80% 5%,81.25% 0%,82.5% 5%,83.75% 0%,85% 5%,86.25% 0%,87.5% 5%,88.75% 0%,90% 5%,91.25% 0%,92.5% 5%,93.75% 0%,95% 5%,96.25% 0%,97.5% 5%,98.75% 0%,100% 5%,100% 100%,0% 100%)}.stripe-pattern{height:100%;width:100%;background-size:18px 18px;background-image:linear-gradient(-45deg,var(--primary-stripe-rgb) 25%,var(--secondary-stripe-rgb) 25%,var(--secondary-stripe-rgb) 50%,var(--primary-stripe-rgb) 50%,var(--primary-stripe-rgb) 75%,var(--secondary-stripe-rgb) 75%,var(--secondary-stripe-rgb) 100%);box-shadow:inset 0 .5rem 2rem .25rem #0006;animation:pan 360s linear infinite}.sixty-four-font{font-family:Sixtyfour,sans-serif;font-size:clamp(1rem,1.5rem,4ch);font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"BLED" 0,"SCAN" 0}.inter-font{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal;font-variation-settings:"slnt" 0}.inter-font a{color:#000;text-decoration:none}#modal-wrapper{width:100%;height:calc(100dvh - env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:0;z-index:10;padding:2rem}@media (max-height: 800px){#modal-wrapper{height:calc(100dvh - env(safe-area-inset-bottom))}}#modal{display:flex;aspect-ratio:4 / 2;position:relative;background-color:#323232;border:.5rem solid rgb(30 30 30);border-top-right-radius:5rem;border-bottom-left-radius:5rem;top:18dvh;overflow:hidden;box-shadow:12px 25px 50px 12px #00000080}@media (max-width: 1024px){#modal{aspect-ratio:auto;min-height:500px;width:100%;border-top-right-radius:3rem;border-bottom-left-radius:3rem}}@media (max-width: 728px){#modal{min-height:400px}}#modal-background{position:absolute;left:0;top:0;z-index:1;height:100%;width:100%;background-image:url(https://assets.codepen.io/1468070/Repeatable+Pattern+-+Wavy+Lines.png?format=auto&quality=80);background-size:200%;opacity:.3;animation:move-background 50s linear infinite}#modal-content{display:flex;flex-direction:column;flex-grow:1;padding:3rem;position:relative;z-index:2}#modal-message{display:flex;justify-content:center;align-items:center;flex-grow:1}#modal-message p{color:#fff;text-align:center;text-shadow:0px 0px 8px rgb(0 0 0 / 50%)}#modal-actions{display:flex;justify-content:center;gap:2rem}@media (max-width: 1024px){#modal-actions{align-items:center;flex-direction:column;margin-top:1.3em}#modal-actions button{max-width:80%}#modal-actions button span a{font-size:1.1rem}}.modal-action{width:16rem;padding:.85rem;position:relative;font-size:1.25rem;border:none;border-radius:.75rem;outline:.2rem solid white;outline-offset:.2rem;overflow:hidden;cursor:none}@media (max-width: 1024px){.modal-action{width:100%;max-width:400px}}.modal-action:is(:hover,:focus-visible){background-color:#fde047}.modal-action:is(:hover,:focus-visible) .modal-action-fade,.modal-action:is(:hover,:focus-visible) .modal-action-pattern{display:block}.modal-action:is(:hover,:focus-visible) .modal-action-text-letter{animation:bounce infinite}.modal-action-fade,.modal-action-pattern{display:none;width:100%;height:100%;position:absolute;left:0;top:0}.modal-action-fade{z-index:1;background:linear-gradient(to left,rgb(253,224,71),transparent 60%)}.modal-action-pattern{background-image:radial-gradient(rgb(255 255 255 / .6) 30%,transparent 30%);background-position:0% 0%;background-size:10px 10px;animation:move-background 50s linear infinite;transform:skew(-15deg)}.modal-action-text{position:relative;z-index:2;color:#000;font-size:1.25rem}.modal-action-text-letter{display:inline-flex;position:relative}@keyframes move-background{0%{background-position:0% 0%}to{background-position:-100% 0%}}@keyframes bounce{0%,20%,to{translate:0% 0%}10%{translate:0% -12%}}@keyframes blink{0%,3%,to{scale:1 1}1.5%{scale:1 0}}@media (max-width: 768px){.btn-primary{width:75%;line-height:1.8em}.modal-close-icon{margin-top:-2em}.navbar .container{flex-direction:column}.navbar nav ul{margin-top:10px;flex-wrap:wrap;justify-content:center}.navbar nav ul li{margin:5px 10px}#hero h2{font-size:2.2rem}#hero p{font-size:1rem}.start-call-to-action{gap:2em}.start-call-to-action h1{width:80%}section h2{font-size:1.8rem}.steps-container{flex-direction:column}.step-arrow{transform:rotate(90deg);margin:15px 0}#signup-form{flex-direction:column;align-items:stretch}#signup-form input[type=email],#signup-form button{width:100%;max-width:350px;margin:5px auto}}