@import "frontend/components/cookie-settings-_1yvTb1.css";
@import "frontend/components/ai-chat-widget-wszNq2F.css";

:root {
    --neon-yellow: #d4ff00;
    --lime: #C6FF33;
    --violet: #7D53EB;
    --light-glass: rgba(255, 255, 255, 0.1);
    --text-main: #ffffff;
    --gray-light: #c7c9d1;
    --dark-bg: #0d0e12;
    --dark-deep: #050507;
    --white: #ffffff;
    --font-heading: 'Montserrat', sans-serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --tc-shell-max: 1480px;
    --tc-section-space-lg: 120px;
    --tc-section-space-xl: 150px;
    --tc-layout-gap-md: 64px;
    --tc-layout-gap-lg: 80px;
    --tc-hero-visual-xl: 690px;
    --tc-hero-visual-lg: 650px;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: var(--font-body);
}

html,
body {
    width: 100%;
    min-height: 100%;
    background: #fff;
    -webkit-font-smoothing: antialiased;
    scrollbar-width: thin;
    scrollbar-color: var(--lime) #0d0e12;
}

body {
    position: relative;
    overflow-x: clip;
}

a {
    color: inherit;
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
.btn-primary,
.btn-secondary,
.try-free-btn,
.logo {
    font-family: var(--font-heading);
}

header img {
    display: block;
    width: auto;
    max-width: 180px;
    height: 42px;
    object-fit: contain;
}

::-webkit-scrollbar {
    width: 14px;
    height: 14px;
}

::-webkit-scrollbar-track {
    background: linear-gradient(180deg, #0d0e12 0%, #050507 100%);
}

::-webkit-scrollbar-thumb {
    border: 3px solid #0d0e12;
    border-radius: 999px;
    background: linear-gradient(180deg, #d8ff72 0%, #C6FF33 45%, #9fe600 100%);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.04), 0 0 16px rgba(198, 255, 51, 0.22);
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #e4ff96 0%, #d4ff47 45%, #b2f10d 100%);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.05), 0 0 20px rgba(198, 255, 51, 0.32);
}

::-webkit-scrollbar-corner {
    background: #0d0e12;
}

::selection {
    color: #111;
    background: rgba(198, 255, 51, 0.28);
}


@media (min-width: 1800px) and (max-width: 2199px) {
    html {
        font-size: 15px;
    }

    :root {
        --tc-shell-max: 1200px;
        --tc-section-space-lg: 84px;
        --tc-section-space-xl: 108px;
        --tc-layout-gap-md: 40px;
        --tc-layout-gap-lg: 52px;
        --tc-hero-visual-xl: 560px;
        --tc-hero-visual-lg: 530px;
    }
}

@media (min-width: 1500px) and (max-width: 1799px) {
    html {
        font-size: 14.5px;
    }

    :root {
        --tc-shell-max: 1080px;
        --tc-section-space-lg: 72px;
        --tc-section-space-xl: 92px;
        --tc-layout-gap-md: 32px;
        --tc-layout-gap-lg: 42px;
        --tc-hero-visual-xl: 500px;
        --tc-hero-visual-lg: 470px;
    }
}

@media (min-width: 1280px) and (max-width: 1499px) {
    html {
        font-size: 14px;
    }

    :root {
        --tc-shell-max: 960px;
        --tc-section-space-lg: 64px;
        --tc-section-space-xl: 80px;
        --tc-layout-gap-md: 26px;
        --tc-layout-gap-lg: 34px;
        --tc-hero-visual-xl: 450px;
        --tc-hero-visual-lg: 430px;
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    html {
        font-size: 14px;
    }

    :root {
        --tc-shell-max: min(900px, calc(100vw - 56px));
        --tc-section-space-lg: 58px;
        --tc-section-space-xl: 72px;
        --tc-layout-gap-md: 22px;
        --tc-layout-gap-lg: 30px;
        --tc-hero-visual-xl: 420px;
        --tc-hero-visual-lg: 400px;
    }
}

@media (max-width: 1023px) {
    html {
        font-size: 16px;
    }

    :root {
        --tc-shell-max: 1480px;
        --tc-section-space-lg: 120px;
        --tc-section-space-xl: 150px;
        --tc-layout-gap-md: 64px;
        --tc-layout-gap-lg: 80px;
        --tc-hero-visual-xl: 690px;
        --tc-hero-visual-lg: 650px;
    }
}

[aria-hidden="true"][class*="wave"] {
    left: calc(50% - 50vw - 12px) !important;
    width: calc(100vw + 24px) !important;
    max-width: none !important;
    transform: none !important;
    overflow: visible !important;
    line-height: 0 !important;
}

[aria-hidden="true"][class*="wave"] > svg {
    display: block !important;
    width: calc(100% + 8px) !important;
    min-width: calc(100% + 8px) !important;
    height: calc(100% + 8px) !important;
    margin-top: -4px !important;
    margin-left: -4px !important;
    overflow: visible !important;
}

[aria-hidden="true"][class*="wave"] > svg path {
    stroke: none !important;
}

[aria-hidden="true"][class*="wave"][class*="top"] {
    top: -4px !important;
}

[aria-hidden="true"][class*="wave"][class*="bottom"] {
    bottom: -4px !important;
}

#google-creative-builder .ctc-wave-top > svg,
#google-ads-zero-wasted-spend .zw-wave-top > svg {
    transform: scaleY(-1) !important;
    transform-origin: center !important;
}

.brands-section::after {
    content: none !important;
    display: none !important;
}