/* Hero Section SVG Styling */
@layer demo {
    .highlighted-text-shadow {
        text-shadow:
        /* regular text-shadow */
        0 .10ch 15px var(--shadow),
        /* text-shadow highlight */
        0 -2px 0 var(--highlight);
    }
}

@layer demo.support {
    :root {
        --hue: 145;
        --bg: oklch(70% 0.2 var(--hue));
        --text: oklch(82% .1 var(--hue));
        --shadow: oklch(10% .2 var(--hue));
        --highlight: oklch(90% 0.05 var(--hue));
    }

    * {
        box-sizing: border-box;
        margin: 0;
    }

    html {
        block-size: 100%;
        background-color: var(--bg);
        color: var(--text);
    }

    body {
        min-block-size: 100%;
        font-family: system-ui, sans-serif;
        display: grid;
        place-content: center;
        gap: 10vh;
    }

    h1 {
        font-size: 5vi;
        letter-spacing: -.15ch;
        line-height: .75;
    }
    h1 span {
        font-size: 3vi;
        letter-spacing: -.10ch;
        line-height: .75;
        color: yellow;
    }
    svg {
        min-width: 50vi;
    }

    small {
        position: relative;
        bottom: 0;
        text-align: center;
        color: var(--highlight);
    }


    .zrpfIRpo_0 {
        stroke-dasharray: 901 903;
        stroke-dashoffset: 902;
        animation: zrpfIRpo_draw 3000ms ease-out 0ms forwards;
    }

    .zrpfIRpo_1 {
        stroke-dasharray: 736 738;
        stroke-dashoffset: 737;
        animation: zrpfIRpo_draw 3000ms ease-out 12ms forwards;
    }

    .zrpfIRpo_2 {
        stroke-dasharray: 150 152;
        stroke-dashoffset: 151;
        animation: zrpfIRpo_draw 3000ms ease-out 24ms forwards;
    }

    .zrpfIRpo_3 {
        stroke-dasharray: 164 166;
        stroke-dashoffset: 165;
        animation: zrpfIRpo_draw 3000ms ease-out 36ms forwards;
    }

    .zrpfIRpo_4 {
        stroke-dasharray: 31 20;
        stroke-dashoffset: 32;
        animation: zrpfIRpo_draw 3000ms ease-out 48ms infinite;
    }

    .zrpfIRpo_5 {
        stroke-dasharray: 295 297;
        stroke-dashoffset: 296;
        animation: zrpfIRpo_draw 3000ms ease-out 60ms forwards;
    }

    .zrpfIRpo_6 {
        stroke-dasharray: 253 255;
        stroke-dashoffset: 254;
        animation: zrpfIRpo_draw 3000ms ease-out 73ms forwards;
    }

    .zrpfIRpo_7 {
        stroke-dasharray: 52 54;
        stroke-dashoffset: 53;
        animation: zrpfIRpo_draw 3000ms ease-out 85ms forwards;
    }

    .zrpfIRpo_8 {
        stroke-dasharray: 21 23;
        stroke-dashoffset: 22;
        animation: zrpfIRpo_draw 3000ms ease-out 97ms forwards;
    }

    .zrpfIRpo_9 {
        stroke-dasharray: 25 27;
        stroke-dashoffset: 26;
        animation: zrpfIRpo_draw 3000ms ease-out 109ms forwards;
    }

    .zrpfIRpo_10 {
        stroke-dasharray: 39 41;
        stroke-dashoffset: 40;
        animation: zrpfIRpo_draw 3000ms ease-out 121ms forwards;
    }

    .zrpfIRpo_11 {
        stroke-dasharray: 29 31;
        stroke-dashoffset: 30;
        animation: zrpfIRpo_draw 3000ms ease-out 134ms forwards;
    }

    .zrpfIRpo_12 {
        stroke-dasharray: 19 21;
        stroke-dashoffset: 20;
        animation: zrpfIRpo_draw 3000ms ease-out 146ms forwards;
    }

    .zrpfIRpo_13 {
        stroke-dasharray: 252 254;
        stroke-dashoffset: 253;
        animation: zrpfIRpo_draw 3000ms ease-out 158ms forwards;
    }

    .zrpfIRpo_14 {
        stroke-dasharray: 634 636;
        stroke-dashoffset: 635;
        animation: zrpfIRpo_draw 3000ms ease-out 170ms forwards;
    }

    .zrpfIRpo_15 {
        stroke-dasharray: 456 458;
        stroke-dashoffset: 457;
        animation: zrpfIRpo_draw 3000ms ease-out 182ms forwards;
    }

    .zrpfIRpo_16 {
        stroke-dasharray: 63 65;
        stroke-dashoffset: 64;
        animation: zrpfIRpo_draw 3000ms ease-out 195ms forwards;
    }

    .zrpfIRpo_17 {
        stroke-dasharray: 558 560;
        stroke-dashoffset: 559;
        animation: zrpfIRpo_draw 3000ms ease-out 207ms forwards;
    }

    .zrpfIRpo_18 {
        stroke-dasharray: 9 11;
        stroke-dashoffset: 10;
        animation: zrpfIRpo_draw 3000ms ease-out 219ms forwards;
    }

    .zrpfIRpo_19 {
        stroke-dasharray: 480 482;
        stroke-dashoffset: 481;
        animation: zrpfIRpo_draw 3000ms ease-out 231ms forwards;
    }

    .zrpfIRpo_20 {
        stroke-dasharray: 265 267;
        stroke-dashoffset: 266;
        animation: zrpfIRpo_draw 3000ms ease-out 243ms forwards;
    }

    .zrpfIRpo_21 {
        stroke-dasharray: 15 17;
        stroke-dashoffset: 16;
        animation: zrpfIRpo_draw 3000ms ease-out 256ms forwards;
    }

    .zrpfIRpo_22 {
        stroke-dasharray: 15 17;
        stroke-dashoffset: 16;
        animation: zrpfIRpo_draw 3000ms ease-out 268ms forwards;
    }

    .zrpfIRpo_23 {
        stroke-dasharray: 15 17;
        stroke-dashoffset: 16;
        animation: zrpfIRpo_draw 3000ms ease-out 280ms forwards;
    }

    .zrpfIRpo_24 {
        stroke-dasharray: 12 14;
        stroke-dashoffset: 13;
        animation: zrpfIRpo_draw 3000ms ease-out 292ms forwards;
    }

    .zrpfIRpo_25 {
        stroke-dasharray: 12 14;
        stroke-dashoffset: 13;
        animation: zrpfIRpo_draw 3000ms ease-out 304ms forwards;
    }

    .zrpfIRpo_26 {
        stroke-dasharray: 21 23;
        stroke-dashoffset: 22;
        animation: zrpfIRpo_draw 3000ms ease-out 317ms forwards;
    }

    .zrpfIRpo_27 {
        stroke-dasharray: 21 23;
        stroke-dashoffset: 22;
        animation: zrpfIRpo_draw 3000ms ease-out 329ms forwards;
    }

    .zrpfIRpo_28 {
        stroke-dasharray: 33 35;
        stroke-dashoffset: 34;
        animation: zrpfIRpo_draw 3000ms ease-out 341ms forwards;
    }

    .zrpfIRpo_29 {
        stroke-dasharray: 46 48;
        stroke-dashoffset: 47;
        animation: zrpfIRpo_draw 3000ms ease-out 353ms forwards;
    }

    .zrpfIRpo_30 {
        stroke-dasharray: 12 14;
        stroke-dashoffset: 13;
        animation: zrpfIRpo_draw 3000ms ease-out 365ms forwards;
    }

    .zrpfIRpo_31 {
        stroke-dasharray: 12 14;
        stroke-dashoffset: 13;
        animation: zrpfIRpo_draw 3000ms ease-out 378ms forwards;
    }

    .zrpfIRpo_32 {
        stroke-dasharray: 12 14;
        stroke-dashoffset: 13;
        animation: zrpfIRpo_draw 3000ms ease-out 390ms forwards;
    }

    .zrpfIRpo_33 {
        stroke-dasharray: 12 14;
        stroke-dashoffset: 13;
        animation: zrpfIRpo_draw 3000ms ease-out 402ms forwards;
    }

    .zrpfIRpo_34 {
        stroke-dasharray: 12 14;
        stroke-dashoffset: 13;
        animation: zrpfIRpo_draw 3000ms ease-out 414ms forwards;
    }

    .zrpfIRpo_35 {
        stroke-dasharray: 12 14;
        stroke-dashoffset: 13;
        animation: zrpfIRpo_draw 3000ms ease-out 426ms forwards;
    }

    .zrpfIRpo_36 {
        stroke-dasharray: 39 41;
        stroke-dashoffset: 40;
        animation: zrpfIRpo_draw 3000ms ease-out 439ms forwards;
    }

    .zrpfIRpo_37 {
        stroke-dasharray: 65 67;
        stroke-dashoffset: 66;
        animation: zrpfIRpo_draw 3000ms ease-out 451ms forwards;
    }

    .zrpfIRpo_38 {
        stroke-dasharray: 29 31;
        stroke-dashoffset: 30;
        animation: zrpfIRpo_draw 3000ms ease-out 463ms forwards;
    }

    .zrpfIRpo_39 {
        stroke-dasharray: 29 31;
        stroke-dashoffset: 30;
        animation: zrpfIRpo_draw 3000ms ease-out 475ms forwards;
    }

    .zrpfIRpo_40 {
        stroke-dasharray: 29 31;
        stroke-dashoffset: 30;
        animation: zrpfIRpo_draw 3000ms ease-out 487ms forwards;
    }

    .zrpfIRpo_41 {
        stroke-dasharray: 19 21;
        stroke-dashoffset: 20;
        animation: zrpfIRpo_draw 3000ms ease-out 500ms forwards;
    }

    .zrpfIRpo_42 {
        stroke-dasharray: 55 57;
        stroke-dashoffset: 56;
        animation: zrpfIRpo_draw 3000ms ease-out 512ms forwards;
    }

    .zrpfIRpo_43 {
        stroke-dasharray: 39 41;
        stroke-dashoffset: 40;
        animation: zrpfIRpo_draw 3000ms ease-out 524ms forwards;
    }

    .zrpfIRpo_44 {
        stroke-dasharray: 55 57;
        stroke-dashoffset: 56;
        animation: zrpfIRpo_draw 3000ms ease-out 536ms forwards;
    }

    .zrpfIRpo_45 {
        stroke-dasharray: 71 73;
        stroke-dashoffset: 72;
        animation: zrpfIRpo_draw 3000ms ease-out 548ms forwards;
    }

    .zrpfIRpo_46 {
        stroke-dasharray: 39 41;
        stroke-dashoffset: 40;
        animation: zrpfIRpo_draw 3000ms ease-out 560ms forwards;
    }

    .zrpfIRpo_47 {
        stroke-dasharray: 39 41;
        stroke-dashoffset: 40;
        animation: zrpfIRpo_draw 3000ms ease-out 573ms forwards;
    }

    .zrpfIRpo_48 {
        stroke-dasharray: 24 26;
        stroke-dashoffset: 25;
        animation: zrpfIRpo_draw 3000ms ease-out 585ms forwards;
    }

    .zrpfIRpo_49 {
        stroke-dasharray: 71 73;
        stroke-dashoffset: 72;
        animation: zrpfIRpo_draw 3000ms ease-out 597ms forwards;
    }

    .zrpfIRpo_50 {
        stroke-dasharray: 34 36;
        stroke-dashoffset: 35;
        animation: zrpfIRpo_draw 3000ms ease-out 609ms forwards;
    }

    .zrpfIRpo_51 {
        stroke-dasharray: 497 499;
        stroke-dashoffset: 498;
        animation: zrpfIRpo_draw 3000ms ease-out 621ms forwards;
    }

    .zrpfIRpo_52 {
        stroke-dasharray: 310 312;
        stroke-dashoffset: 311;
        animation: zrpfIRpo_draw 3000ms ease-out 634ms forwards;
    }

    .zrpfIRpo_53 {
        stroke-dasharray: 15 17;
        stroke-dashoffset: 16;
        animation: zrpfIRpo_draw 3000ms ease-out 646ms forwards;
    }

    .zrpfIRpo_54 {
        stroke-dasharray: 15 17;
        stroke-dashoffset: 16;
        animation: zrpfIRpo_draw 3000ms ease-out 658ms forwards;
    }

    .zrpfIRpo_55 {
        stroke-dasharray: 15 17;
        stroke-dashoffset: 16;
        animation: zrpfIRpo_draw 3000ms ease-out 670ms forwards;
    }

    .zrpfIRpo_56 {
        stroke-dasharray: 164 166;
        stroke-dashoffset: 165;
        animation: zrpfIRpo_draw 3000ms ease-out 682ms forwards;
    }

    .zrpfIRpo_57 {
        stroke-dasharray: 25 27;
        stroke-dashoffset: 26;
        animation: zrpfIRpo_draw 3000ms ease-out 695ms forwards;
    }

    .zrpfIRpo_58 {
        stroke-dasharray: 25 27;
        stroke-dashoffset: 26;
        animation: zrpfIRpo_draw 3000ms ease-out 707ms forwards;
    }

    .zrpfIRpo_59 {
        stroke-dasharray: 25 27;
        stroke-dashoffset: 26;
        animation: zrpfIRpo_draw 3000ms ease-out 719ms forwards;
    }

    .zrpfIRpo_60 {
        stroke-dasharray: 25 27;
        stroke-dashoffset: 26;
        animation: zrpfIRpo_draw 3000ms ease-out 731ms forwards;
    }

    .zrpfIRpo_61 {
        stroke-dasharray: 20 22;
        stroke-dashoffset: 21;
        animation: zrpfIRpo_draw 3000ms ease-out 743ms forwards;
    }

    .zrpfIRpo_62 {
        stroke-dasharray: 20 22;
        stroke-dashoffset: 21;
        animation: zrpfIRpo_draw 3000ms ease-out 756ms forwards;
    }

    .zrpfIRpo_63 {
        stroke-dasharray: 20 22;
        stroke-dashoffset: 21;
        animation: zrpfIRpo_draw 3000ms ease-out 768ms forwards;
    }

    .zrpfIRpo_64 {
        stroke-dasharray: 20 22;
        stroke-dashoffset: 21;
        animation: zrpfIRpo_draw 3000ms ease-out 780ms forwards;
    }

    .zrpfIRpo_65 {
        stroke-dasharray: 61 50;
        stroke-dashoffset: 61;
        animation: zrpfIRpo_draw 3000ms ease-out 792ms infinite;
    }

    .zrpfIRpo_66 {
        stroke-dasharray: 60 40;
        stroke-dashoffset: 61;
        animation: zrpfIRpo_draw 3000ms ease-out 804ms infinite;
    }

    .zrpfIRpo_67 {
        stroke-dasharray: 60 20;
        stroke-dashoffset: 61;
        animation: zrpfIRpo_draw 3000ms ease-out 817ms infinite;
    }

    .zrpfIRpo_68 {
        stroke-dasharray: 99 101;
        stroke-dashoffset: 100;
        animation: zrpfIRpo_draw 3000ms ease-out 829ms forwards;
    }

    .zrpfIRpo_69 {
        stroke-dasharray: 58 60;
        stroke-dashoffset: 59;
        animation: zrpfIRpo_draw 3000ms ease-out 841ms forwards;
    }

    .zrpfIRpo_70 {
        stroke-dasharray: 33 35;
        stroke-dashoffset: 34;
        animation: zrpfIRpo_draw 2000ms ease-out 853ms forwards;
    }

    .zrpfIRpo_71 {
        stroke-dasharray: 188 190;
        stroke-dashoffset: 189;
        animation: zrpfIRpo_draw 3000ms ease-out 865ms forwards;
    }

    .zrpfIRpo_72 {
        stroke-dasharray: 56 58;
        stroke-dashoffset: 57;
        animation: zrpfIRpo_draw 2000ms ease-out 878ms forwards;
    }

    .zrpfIRpo_73 {
        stroke-dasharray: 12 14;
        stroke-dashoffset: 13;
        animation: zrpfIRpo_draw 2000ms ease-out 890ms forwards;
    }

    .zrpfIRpo_76 {
        stroke-dasharray: 223 225;
        stroke-dashoffset: 224;
        animation: zrpfIRpo_draw 2000ms ease-out 926ms forwards;
    }

    .zrpfIRpo_77 {
        stroke-dasharray: 162 164;
        stroke-dashoffset: 163;
        animation: zrpfIRpo_draw 2000ms ease-out 939ms forwards;
    }

    .zrpfIRpo_78 {
        stroke-dasharray: 112 114;
        stroke-dashoffset: 113;
        animation: zrpfIRpo_draw 3000ms ease-out 951ms forwards;
    }

    .zrpfIRpo_79 {
        stroke-dasharray: 112 114;
        stroke-dashoffset: 113;
        animation: zrpfIRpo_draw 3000ms ease-out 963ms forwards;
    }

    .zrpfIRpo_80 {
        stroke-dasharray: 72 74;
        stroke-dashoffset: 73;
        animation: zrpfIRpo_draw 3000ms ease-out 975ms forwards;
    }

    .zrpfIRpo_81 {
        stroke-dasharray: 72 74;
        stroke-dashoffset: 73;
        animation: zrpfIRpo_draw 3000ms ease-out 987ms forwards;
    }

    .zrpfIRpo_82 {
        stroke-dasharray: 74 76;
        stroke-dashoffset: 75;
        animation: zrpfIRpo_draw 3000ms ease-out 1000ms forwards;
    }

    @keyframes zrpfIRpo_draw {
        100% {
            stroke-dashoffset: 0;
        }
    }

    /* Hero Section SVG Animation */
    @keyframes zrpfIRpo_fade {
        0% {
            stroke-opacity: 1;
        }

        94.44444444444444% {
            stroke-opacity: 1;
        }

        100% {
            stroke-opacity: 0;
        }
    }
}