:root {
            --brand-primary: #91C75E;
            --brand-secondary: #7A588D;
            --brand-bg: #F5F5F5;
            --brand-dark: #1A202C;
        }

        body {
            background-color: var(--brand-bg);
            color: var(--brand-dark);
            font-family: 'Inter', sans-serif;
            overflow-x: hidden;
            -webkit-font-smoothing: antialiased;
        }

        /* --- Typography, Colors & Spacing Overrides --- */
        .font-doodle { font-family: 'Caveat', cursive; }
        .text-brand-primary { color: var(--brand-primary) !important; }
        .text-brand-secondary { color: var(--brand-secondary) !important; }
        .text-brand-dark { color: var(--brand-dark) !important; }
        .bg-brand-primary { background-color: var(--brand-primary) !important; }
        .bg-brand-secondary { background-color: var(--brand-secondary) !important; }
        .bg-brand-bg { background-color: var(--brand-bg) !important; }
        .bg-brand-dark { background-color: var(--brand-dark) !important; }

        .text-sm { font-size: 0.875rem; line-height: 1.25rem; }
        .text-lg { font-size: 1.125rem; line-height: 1.75rem; }
        .text-xl { font-size: 1.25rem; line-height: 1.75rem; }
        .text-2xl { font-size: 1.5rem; line-height: 2rem; }
        .text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
        .text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
        .text-5xl { font-size: 3rem; line-height: 1; }
        .text-6xl { font-size: 3.75rem; line-height: 1; }
        .text-7xl { font-size: 4.5rem; line-height: 1; }
        .text-8xl { font-size: 6rem; line-height: 1; }

        .font-extrabold { font-weight: 800; }
        .font-bold { font-weight: 700; }
        .font-medium { font-weight: 500; }

        .leading-tight { line-height: 1.1; }
        .leading-relaxed { line-height: 1.625; }
        .leading-none { line-height: 1; }
        .tracking-wide { letter-spacing: 0.025em; }

        .max-w-7xl { max-width: 80rem; margin-inline: auto; width: 100%; }
        .max-w-6xl { max-width: 72rem; margin-inline: auto; width: 100%; }
        .max-w-4xl { max-width: 56rem; margin-inline: auto; width: 100%; }
        .max-w-3xl { max-width: 48rem; margin-inline: auto; width: 100%; }
        .max-w-2xl { max-width: 42rem; margin-inline: auto; width: 100%; }

        .gap-16 { gap: 4rem; }
        .gap-10 { gap: 2.5rem; }
        .gap-8 { gap: 2rem; }
        .gap-6 { gap: 1.5rem; }

        .py-24 { padding-top: 6rem; padding-bottom: 6rem; }
        .py-32 { padding-top: 8rem; padding-bottom: 8rem; }
        .pt-40 { padding-top: 10rem; }
        .pb-20 { padding-bottom: 5rem; }

        /* --- Scrollbars & Selection --- */
        ::-webkit-scrollbar { width: 12px; }
        ::-webkit-scrollbar-track { background: var(--brand-bg); border-left: 3px solid var(--brand-dark); }
        ::-webkit-scrollbar-thumb { background: var(--brand-secondary); border: 3px solid var(--brand-dark); border-radius: 12px; }
        ::-webkit-scrollbar-thumb:hover { background: var(--brand-primary); }
        ::-selection { background: var(--brand-primary); color: var(--brand-dark); }

        /* --- Custom Borders & Shadows --- */
        .border-brand-dark { border-color: var(--brand-dark) !important; }
        .border-4 { border-width: 4px !important; border-style: solid !important; }
        .border-b-4 { border-bottom-width: 4px !important; border-bottom-style: solid !important; }

        .border-doodle {
            border: 4px solid var(--brand-dark);
            /*border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;*/
        }
        /*.border-doodle-alt {
            border: 4px solid var(--brand-dark);
            border-radius: 15px 225px 15px 255px/255px 15px 225px 15px;
        }*/

        .shadow-doodle-dark { box-shadow: 8px 8px 0px 0px var(--brand-dark); }
        .shadow-doodle-primary { box-shadow: 8px 8px 0px 0px var(--brand-primary); }
        .shadow-doodle-secondary { box-shadow: 8px 8px 0px 0px var(--brand-secondary); }

        .transition-all { transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); }

        /* --- Hover States --- */
        .hover-lift:hover { transform: translateY(-8px); }
        .doodle-card { transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
        .doodle-card:hover { transform: translateY(-8px) rotate(-1deg); }
        .shadow-doodle-hover:hover { box-shadow: 3px 3px 0px 0px var(--brand-dark) !important; transform: translateY(4px); }

        /* Complex Group Hovers */
        .group:hover .group-hover-scale { transform: scale(1.1); }
        .group:hover .group-hover-translate-x { transform: translateX(0.5rem); }
        .group:hover .group-hover-translate-y-up { transform: translateY(-0.25rem); }
        .group:hover .group-hover-rotate-12 { transform: rotate(12deg); }
        .group:hover .group-hover--rotate-12 { transform: rotate(-12deg); }
        .group:hover .group-hover-rotate-6 { transform: rotate(6deg); }
        .group:hover .group-hover--rotate-6 { transform: rotate(-6deg); }
        .group:hover .group-hover--rotate-3 { transform: rotate(-3deg); }
        .group:hover .group-hover-scale-125 { transform: scale(1.25); }
        .group:hover .group-hover-text-primary { color: var(--brand-primary) !important; }
        .group:hover .group-hover-text-secondary { color: var(--brand-secondary) !important; }
        .group:hover .group-hover-text-white { color: #ffffff !important; }
        .group:hover .group-hover-text-gray { color: #4b5563 !important; }
        .group:hover .group-hover-opacity-10 { opacity: 0.1 !important; }

        /* --- Utilities & Specifics --- */
        .z-n1 { z-index: -1; }
        .z-10 { z-index: 10; }
        .backdrop-blur-md { backdrop-filter: blur(12px); background-color: rgba(245, 245, 245, 0.9); }
        .pointer-events-none { pointer-events-none; }
        .shrink-0 { flex-shrink: 0; }

        .-translate-x-half { transform: translateX(-50%); }
        .-translate-y-half { transform: translateY(-50%); }
        .-rotate-2 { transform: rotate(-2deg); }
        .-rotate-3 { transform: rotate(-3deg); }

        @media (min-width: 768px) {
            .md-translate-y-12 { transform: translateY(3rem); }
            .md-mt-12 { margin-top: 3rem !important; }
            .md-pl-12 { padding-left: 3rem !important; }
            .md-ml-12 { margin-left: 3rem !important; }
        }

        /* --- Animations --- */
        @keyframes wobble { 0%, 100% { transform: rotate(-3deg); } 50% { transform: rotate(3deg); } }
        @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
        @keyframes draw { to { stroke-dashoffset: 0; } }
        @keyframes spin-slow { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

        .animate-wobble { animation: wobble 4s ease-in-out infinite; }
        .animate-float { animation: float 6s ease-in-out infinite; }
        .animate-spin-slow { animation: spin-slow 12s linear infinite; }
        .animate-pulse { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; }
        .path-draw { stroke-dasharray: 1500; stroke-dashoffset: 1500; }

        /* --- FAQ Accordion --- */
        /*.faq-content {
            transition: max-height 0.4s ease-out, padding 0.4s ease;
            max-height: 0;
            overflow: hidden;
        }
        .faq-content.open { max-height: 500px; }*/
  .video-wrapper{
    width:100%;
    max-width:750px;
    margin:0 auto;
}