:root {
        --brand-dark: #0b1020;
        --brand-muted: #6c757d;

        /* orange */
        --brand-accent: #ff931e;

        /* green */
        --brand-accent-2: #7ac943;

        /* blue */
        --brand-accent-3: #3fa9f5;
    }

    /*
    blue: rgba(63, 169, 245, 1 )
    orange: rgba(255, 147, 30, 1)
    green: rgba(122, 201, 67, 1)

    */

    body {
        background: white;
        color: var(--brand-dark);
    }
    header {background: white;}
    header span.pill {background: #808080; color: #ffffff;}
    section.hero {
    	background: rgba(63, 169, 245, .5);
    }
    .hero-kicker {
        letter-spacing: .12em;
        text-transform: uppercase;
        font-size: .8rem;
        color: white;
    }

    .hero-title {
        font-weight: 800;
        letter-spacing: .02em;
    }

    .hero-tagline {
        font-size: clamp(1.2rem, 2vw, 1.6rem);
        font-weight: 700;
    }

    .soft-card {
        border: 1px solid rgba(0, 0, 0, .08);
        border-radius: 18px;
        box-shadow: 0 8px 24px rgba(0, 0, 0, .06);
    }

    header .rounded-pill {
        background: var(--brand-accent);
        border: none;
        color: white;
        transition: background .5s ease-out;
    }

    header .rounded-pill:hover {
        background: var(--brand-accent-3);

    }

    .pill {
        display: inline-flex;
        align-items: center;
        gap: .5rem;
        padding: .45rem .75rem;
        border-radius: 999px;
        background: rgba(0, 0, 0, .04);
        font-weight: 600;
        font-size: .9rem;
    }

    .waitlist-input {
        border-radius: 999px;
        padding: .85rem 1rem;
    }

    .waitlist-btn {
        border-radius: 999px;
        padding: .85rem 1.1rem;
        font-weight: 700;
        background: var(--brand-accent);
        transition: background .5s ease-in;
        border: none;
    }

    .waitlist-btn:hover {
    	background: var(--brand-accent-3);
        
    }

    section.features {
    	background: rgba(122, 201, 67, .8);
    	border-top: 2px solid white;
    }
    section.features p.text-secondary {
    	color: white !important;
    }

    section.features .divider {
    	background: white;
    }

    section.features .text-lg-end .pill {
    	background: white;
    	color: #808080;
    }



    .section-title {
        font-weight: 800;
        letter-spacing: .01em;
    }

    .fineprint {
        color: var(--brand-muted);
        font-size: .9rem;
    }

    .feature-li {
        padding: .6rem .75rem;
        border-radius: 12px;
        background: white;
    }

    .divider {
        height: 1px;
        background: rgba(0, 0, 0, .08);
        margin: 2.5rem 0;
    }


	    /* Success Message Styling */
	.success-container {
	    text-align: center;
	    padding: 2rem 1rem;
	    animation: fadeIn 0.5s ease-out forwards;
	}

	.success-icon-wrapper {
	    display: inline-flex;
	    align-items: center;
	    justify-content: center;
	    width: 80px;
	    height: 80px;
	    background-color: rgba(121, 198, 74, 0.15); /* Your Aisleo Green, soft bg */
	    border-radius: 50%;
	    margin-bottom: 1.5rem;
	    animation: popIn 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; /* Bouncy effect */
	}

	.success-icon-wrapper svg {
	    width: 40px;
	    height: 40px;
	    fill: rgb(121, 198, 74); /* Your Aisleo Green, solid */
	}


	#waitlistForm {
    	transition: opacity 0.5s ease;
	}

	#nickname {
		opacity: 0; position: absolute; top: 0; left: 0; height: 0; width: 0; z-index: -1;
	}

	/* Animations */
	@keyframes fadeIn {
	    from { opacity: 0; transform: translateY(10px); }
	    to { opacity: 1; transform: translateY(0); }
	}

	@keyframes popIn {
	    0% { transform: scale(0); }
	    80% { transform: scale(1.1); }
	    100% { transform: scale(1); }
	}