:root {
    --diamond-gradient: linear-gradient(to bottom right, #8D60F3 0%, #4417B4 23%, #110C35 50%) bottom right / 50% 50% no-repeat, linear-gradient(to bottom left, #8D60F3 0%, #4417B4 23%, #110C35 50%) bottom left / 50% 50% no-repeat, linear-gradient(to top left, #8D60F3 0%, #4417B4 23%, #110C35 50%) top left / 50% 50% no-repeat, linear-gradient(to top right, #8D60F3 0%, #4417B4 23%, #110C35 50%) top right / 50% 50% no-repeat;
    --purple-glow: rgba(102, 43, 245, 1);
    --pale-purple: rgba(167, 164, 255, 1);
    --light-purple: rgba(134, 111, 254, 1);
    --white-tech: rgba(248, 248, 248, 1);
    --dark-purple: rgba(17, 12, 53, 1);
    --dark: rgba(4, 9, 18, 1);
    --color-8d60f3: #8D60F3;
    --dark-purple: #110C35;
    --gradient-linear-6: linear-gradient(22deg, #A7A4FF 60.12%, #682FF5 73.38%, #110C35 94.99%);
    --pale-purple: #A7A4FF;
    --purple-glow: #662BF5;
    --color-5a27dc: #5A27DC;
    --gradient-linear-dark: linear-gradient(172deg, #110C35 3.78%, #040912 111.7%);


    --hanken-font-family: "Hanken Grotesk", Helvetica;
    --spektral-font-family: "Spectral", Helvetica;

    --container-width-sm: 960px;
    --container-width-md: 1080px;
    --container-width-lg: 1200px;
    --container-width-xl: 1400px;

    --title-section-font-size: 40px;
    --title-section-line-height: 35px;
    --hero-section-title-font-size: 60px;
    --hero-section-title-line-height: 55px;
    --hero-section-title-letter-spacing: -2.4px;
    --hero-section-subtitle-font-size: 20px;
    --subtitle-font-size: 32px;
    --text-box-font-size: 16px;
    --body-font-font-size: 20px;
    --font-button-font-size: 16px;
    --spektral-font-style: italic;
    --section-title-p-font-size: 20px;
    --section-title-p-line-height: 25px;
    --feature-richt-text-title-font-size: 48px;
    --feature-richt-text-title-line-height: 44px;

    --padding-hero-section: 226px 24px 100px 24px;
    --gap-hero-section-caption: 32px;

    --border-radius: 18px;
    --background-vector-unique-alternate: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='494' height='522' viewBox='0 0 494 522' fill='none'%3E%3Cpath d='M240.62 1H438.38C468.548 1 493 25.0609 493 54.6738V162.285C493 191.898 468.548 215.959 438.38 215.959H273.286C262.003 215.959 245.272 221.476 226.619 230.983C207.926 240.511 187.17 254.115 167.802 270.434C129.128 303.019 95.714 346.668 95.7139 390.525V469.405C95.7137 497.835 71.2994 521 41.0947 521H-68.3799C-98.5848 521 -123 497.835 -123 469.405V358.416C-123 328.803 -98.5477 304.742 -68.3799 304.742H8.42871C106.422 304.742 185.901 226.736 186 130.417V54.6738C186 25.0609 210.452 1 240.62 1Z' stroke='%23F8F8F8' stroke-width='2'/%3E%3C/svg%3E");
    --background-vector-unique: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='459' height='503' viewBox='0 0 459 503' fill='none'%3E%3Cpath d='M351.535 1H542.198C571.265 1 594.822 24.1699 594.822 52.6836V156.377C594.822 184.891 571.265 208.061 542.198 208.061H383.028C372.142 208.061 356.006 213.38 338.021 222.542C319.996 231.724 299.983 244.834 281.308 260.561C244.02 291.961 211.794 334.03 211.794 376.309V452.316C211.794 479.689 188.273 501.997 159.17 501.997H53.624C24.5204 501.997 1 479.689 1 452.316V345.368C1 316.854 24.5576 293.685 53.624 293.685H127.676C222.171 293.685 298.816 218.504 298.911 125.67V52.6836C298.911 24.1699 322.469 1 351.535 1Z' stroke='%23F8F8F8' stroke-width='2'/%3E%3C/svg%3E");
    --background-vector: url("data:image/svg+xml,%3Csvg width='821' height='762' viewBox='0 0 821 762' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M371.992 0.366211H573.555C604.737 0.366211 629.956 25.7155 629.956 56.7803V168.465C629.956 199.654 604.612 224.878 573.555 224.878H405.252C393.906 224.878 376.96 230.542 357.959 240.396C338.943 250.259 317.819 264.345 298.105 281.246C258.699 315.03 224.829 360.149 224.829 405.341V528.656C224.829 559.845 199.485 585.069 168.428 585.069H56.7676C25.5859 585.069 0.366401 559.721 0.366211 528.656V371.947C0.366393 340.759 25.7099 315.534 56.7676 315.534H135.167C234.775 315.534 315.591 234.828 315.591 135.322V56.7803C315.591 25.5914 340.934 0.366211 371.992 0.366211Z' stroke='%23F8F8F8' stroke-opacity='0.25' stroke-width='0.732932'/%3E%3Cpath d='M430.631 44.3423H632.194C663.376 44.3423 688.595 69.6915 688.595 100.756V212.441C688.595 243.63 663.252 268.854 632.194 268.854H463.891C452.545 268.854 435.599 274.518 416.598 284.373C397.582 294.235 376.459 308.321 356.745 325.222C317.338 359.006 283.468 404.125 283.468 449.317V572.632C283.468 603.821 258.125 629.045 227.067 629.045H115.407C84.2251 629.045 59.0056 603.697 59.0054 572.632V415.923C59.0056 384.735 84.3491 359.51 115.407 359.51H193.806C293.414 359.51 374.23 278.804 374.23 179.298V100.756C374.23 69.5675 399.573 44.3423 430.631 44.3423Z' stroke='%23F8F8F8' stroke-opacity='0.25' stroke-width='0.732932'/%3E%3Cpath d='M489.264 88.3181H690.826C722.008 88.3181 747.228 113.667 747.228 144.732V256.417C747.227 287.605 721.884 312.83 690.826 312.83H522.523C511.178 312.83 494.232 318.494 475.23 328.348C456.214 338.211 435.091 352.297 415.377 369.198C375.971 402.982 342.101 448.101 342.101 493.293V616.608C342.1 647.797 316.757 673.021 285.699 673.021H174.039C142.857 673.021 117.638 647.673 117.638 616.608V459.899C117.638 428.711 142.981 403.486 174.039 403.486H252.438C352.047 403.486 432.862 322.78 432.862 223.274V144.732C432.862 113.543 458.206 88.3181 489.264 88.3181Z' stroke='%23F8F8F8' stroke-opacity='0.25' stroke-width='0.732932'/%3E%3Cpath d='M562.56 176.27H764.122C795.304 176.27 820.523 201.619 820.523 232.684V344.369C820.523 375.557 795.18 400.782 764.122 400.782H595.819C584.474 400.782 567.528 406.446 548.526 416.3C529.51 426.163 508.387 440.249 488.673 457.15C449.266 490.934 415.396 536.053 415.396 581.245V704.56C415.396 735.749 390.053 760.973 358.995 760.973H247.335C216.153 760.973 190.934 735.625 190.934 704.56V547.851C190.934 516.662 216.277 491.438 247.335 491.438H325.734C425.342 491.438 506.158 410.731 506.158 311.226V232.684C506.158 201.495 531.502 176.27 562.56 176.27Z' stroke='%23F8F8F8' stroke-opacity='0.25' stroke-width='0.732932'/%3E%3C/svg%3E%0A");
    --abstract-bg: url(../images/bg-abstract.webp);
    --abstract-bg-dark: url(../images/bg-abstract-dark.svg)
}

@media screen and (max-width:768px) {
    :root {
        --hero-section-title-font-size: 40px;
        --hero-section-title-line-height: 45px;
        --hero-section-title-letter-spacing: -1.6px;
        --hero-section-subtitle-font-size: 16px;
        --padding-hero-section: 180px 24px 50px 24px;
        --gap-hero-section-caption: 24px;
        --title-section-font-size: 32px;
        --title-section-line-height: 28px;
        --section-title-p-font-size: 16px;
        --section-title-p-line-height: 20px;
        --feature-richt-text-title-font-size: 32px;
        --feature-richt-text-title-line-height: 30px;
    }
}