html,
        body {
            min-height: 100%;
        }

        body.red-grid-bg {
            color-scheme: dark;
            font-family: "Trebuchet MS", "Segoe UI", Arial, sans-serif;
        }

        body.red-grid-bg .hero-title,
        body.red-grid-bg #features h2,
        body.red-grid-bg #features h3,
        body.red-grid-bg #launcher h2,
        body.red-grid-bg .plus-panel h2 {
            font-family: "Segoe UI Black", "Trebuchet MS", "Segoe UI", Arial, sans-serif;
            letter-spacing: 0;
        }

        html {
            scroll-behavior: smooth;
            scroll-padding-top: 88px;
        }

        .site-nav-link {
            position: relative;
            display: flex;
            height: 100%;
            align-items: center;
            padding-inline: 4px;
            color: rgba(255, 255, 255, 0.55);
            text-decoration: none;
            transition: color 180ms ease;
        }

        .site-nav-link::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 3px;
            background: #ff2b3f;
            opacity: 0;
            transform: scaleX(0.35);
            transition: opacity 180ms ease, transform 180ms ease;
        }

        .site-nav-link:hover,
        .site-nav-link.is-active {
            color: #fff;
        }

        .site-nav-link.is-active::after {
            opacity: 1;
            transform: scaleX(1);
        }

        .mobile-menu {
            display: none;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
            background: rgba(20, 23, 31, 0.98);
        }

        .mobile-menu-link {
            display: flex;
            align-items: center;
            gap: 14px;
            border-radius: 8px;
            padding: 16px 14px;
            color: #fff;
            font-size: 16px;
            font-weight: 800;
            text-decoration: none;
        }

        .mobile-menu-link.is-active,
        .mobile-menu-link:hover {
            background: rgba(255, 255, 255, 0.06);
        }

        .mobile-menu-icon {
            width: 20px;
            height: 20px;
            flex: 0 0 auto;
        }

        .mobile-menu-mark {
            position: relative;
            display: block;
            width: 24px;
            height: 18px;
        }

        .mobile-menu-mark span {
            position: absolute;
            left: 0;
            width: 24px;
            height: 2.5px;
            border-radius: 999px;
            background: currentColor;
            transform-origin: 50% 50%;
            transition: top 220ms cubic-bezier(0.22, 1, 0.36, 1), opacity 160ms ease, transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
        }

        .mobile-menu-mark span:nth-child(1) {
            top: 1px;
        }

        .mobile-menu-mark span:nth-child(2) {
            top: 8px;
        }

        .mobile-menu-mark span:nth-child(3) {
            top: 15px;
        }

        .mobile-menu-toggle[aria-expanded="true"] .mobile-menu-mark span:nth-child(1) {
            top: 8px;
            transform: rotate(45deg);
        }

        .mobile-menu-toggle[aria-expanded="true"] .mobile-menu-mark span:nth-child(2) {
            opacity: 0;
            transform: scaleX(0.15);
        }

        .mobile-menu-toggle[aria-expanded="true"] .mobile-menu-mark span:nth-child(3) {
            top: 8px;
            transform: rotate(-45deg);
        }

        @media (max-width: 1023px) {
            .site-header nav {
                grid-template-columns: 56px 1fr 56px;
            }

            .site-header nav > a {
                grid-column: 2;
                justify-self: center;
            }

            .site-header nav > div:last-child {
                grid-column: 3;
                justify-self: end;
            }

            .site-header.is-menu-open .mobile-menu {
                display: block;
            }
        }

        .red-grid-bg {
            position: relative;
            background-color: #0c0202;
            overflow-x: hidden;
            transition: background-color 1400ms cubic-bezier(0.22, 1, 0.36, 1);
        }

        .red-grid-bg::before,
        .red-grid-bg::after {
            content: "";
            position: fixed;
            inset: 0;
            pointer-events: none;
            z-index: -1;
        }

        .red-grid-bg::before {
            background-image:
                linear-gradient(var(--grid-color, rgba(255, 255, 255, 0.07)) 1px, transparent 1px),
                linear-gradient(90deg, var(--grid-color, rgba(255, 255, 255, 0.07)) 1px, transparent 1px);
            background-size: 80px 80px;
            mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.96) 0%, rgba(0, 0, 0, 0.66) 42%, transparent 86%);
            transition: opacity 1400ms cubic-bezier(0.22, 1, 0.36, 1), background-size 1400ms cubic-bezier(0.22, 1, 0.36, 1);
        }

        .red-grid-bg::after {
            background:
                linear-gradient(90deg, transparent 0%, rgba(255, 205, 49, 0.08) 48%, rgba(255, 205, 49, 0.12) 52%, transparent 100%),
                linear-gradient(to bottom, rgba(36, 24, 3, 0.02) 0%, rgba(26, 17, 4, 0.5) 58%, rgba(8, 6, 2, 0.78) 100%);
            opacity: 0;
            transition: opacity 1400ms cubic-bezier(0.22, 1, 0.36, 1);
        }

        .red-grid-bg.gold-mode {
            background-color: #160f03;
            --grid-color: rgba(255, 205, 49, 0.12);
        }

        .red-grid-bg.gold-mode::before {
            opacity: 0.95;
            background-size: 72px 72px;
        }

        .red-grid-bg.gold-mode::after {
            opacity: 1;
        }

        .block-scene {
            position: relative;
            min-height: 360px;
            filter: drop-shadow(0 34px 32px rgba(0, 0, 0, 0.46));
            cursor: grab;
            touch-action: none;
            user-select: none;
        }

        .block-scene:active {
            cursor: grabbing;
        }

        #grass-block-renderer canvas {
            display: block;
            width: 100%;
            height: 100%;
            opacity: 0;
            transition: opacity 260ms ease;
        }

        #grass-block-renderer[data-render-state="ready"] canvas {
            opacity: 1;
        }

        #grass-block-renderer[data-render-state="loading"]::after {
            content: "";
            position: absolute;
            left: 50%;
            top: 50%;
            width: 42px;
            height: 42px;
            border: 2px solid rgba(255, 255, 255, 0.15);
            border-top-color: #ff2b3f;
            border-radius: 8px;
            transform: translate(-50%, -50%);
            animation: block-loader 900ms steps(4) infinite;
        }

        .block-scene-status {
            position: absolute;
            left: 50%;
            top: 50%;
            width: min(220px, 82%);
            transform: translate(-50%, -50%);
            color: rgba(255, 255, 255, 0.52);
            font-size: 13px;
            font-weight: 800;
            text-align: center;
        }

        .hero-word-rotator {
            position: relative;
            display: inline-grid;
            min-width: 3.95em;
            vertical-align: bottom;
        }

        .hero-word-rotator span {
            grid-area: 1 / 1;
            opacity: 0;
            transform: translateY(0.45em);
            animation: hero-word-cycle 7.2s cubic-bezier(0.22, 1, 0.36, 1) infinite;
        }

        .hero-word-rotator span:nth-child(2) {
            animation-delay: 2.4s;
        }

        .hero-word-rotator span:nth-child(3) {
            animation-delay: 4.8s;
        }

        main.hero-main {
            position: relative;
            min-height: 82svh;
        }

        .hero-main .hero-subtitle {
            color: rgba(255, 255, 255, 0.62);
        }

        .scroll-down-cue {
            position: absolute;
            left: 50%;
            bottom: 28px;
            z-index: 3;
            display: grid;
            width: 40px;
            height: 40px;
            place-items: center;
            color: rgba(255, 255, 255, 0.72);
            opacity: 0;
            pointer-events: none;
            text-decoration: none;
            transform: translate(-50%, 10px);
            transition: opacity 220ms ease, transform 220ms ease, color 220ms ease;
            animation: scroll-cue-bounce 1.8s ease-in-out infinite;
        }

        .scroll-down-cue svg,
        .scroll-top-button svg {
            width: 24px;
            height: 24px;
        }

        .show-scroll-down .scroll-down-cue {
            opacity: 1;
            pointer-events: auto;
            transform: translate(-50%, 0);
        }

        .scroll-down-cue:hover {
            color: #fff;
        }

        .scroll-top-button {
            position: fixed;
            right: 22px;
            bottom: 22px;
            z-index: 30;
            display: grid;
            width: 46px;
            height: 46px;
            place-items: center;
            border: 1px solid rgba(255, 255, 255, 0.12);
            border-radius: 999px;
            background: rgba(8, 8, 11, 0.74);
            color: #fff;
            cursor: pointer;
            opacity: 1;
            pointer-events: auto;
            text-decoration: none;
            transform: translateY(0) scale(1);
            transition: opacity 220ms ease, transform 220ms ease, border-color 220ms ease, background-color 220ms ease;
            box-shadow: 0 18px 40px rgba(0, 0, 0, 0.38);
        }

        .scroll-top-button.is-hidden {
            opacity: 0;
            pointer-events: none;
            transform: translateY(12px) scale(0.96);
        }

        .scroll-top-button.is-visible {
            opacity: 1;
            pointer-events: auto;
            transform: translateY(0) scale(1);
        }

        .scroll-top-button:hover {
            border-color: rgba(255, 32, 56, 0.55);
            background: rgba(255, 32, 56, 0.82);
        }

        .hero-share-button[disabled],
        .linux-copy[disabled] {
            cursor: wait;
            opacity: 0.68;
        }

        .hero-share-button[data-share-state="success"],
        .linux-copy[data-copied="true"] {
            border-color: rgba(88, 190, 112, 0.45);
            background: rgba(88, 190, 112, 0.16);
            color: #9be28e;
        }

        .hero-share-button[data-share-state="error"] {
            border-color: rgba(255, 43, 63, 0.55);
            background: rgba(255, 43, 63, 0.16);
            color: #fff;
        }

        @media (max-width: 639px) {

            main.hero-main {
                box-sizing: border-box;
                min-height: 82svh;
                align-items: center;
                padding-top: 84px;
                padding-bottom: 72px;
            }

            .hero-main .hero-layout {
                grid-template-columns: minmax(0, 1fr);
                grid-template-rows: auto auto;
                align-items: center;
                justify-items: center;
                gap: 22px;
                text-align: center;
                transform: none;
            }

            .hero-main .hero-copy {
                width: 100%;
                max-width: none;
                text-align: center;
            }

            .hero-main .hero-title {
                margin-bottom: 14px;
                font-size: 36px;
                line-height: 1.02;
            }

            .hero-title-intro {
                display: block;
            }

            .hero-word-rotator {
                display: inline-grid;
                min-width: 0;
            }

            .hero-main .hero-subtitle {
                margin-inline: auto;
                margin-bottom: 20px;
                max-width: 300px;
                font-size: 15px;
                line-height: 1.45;
            }

            .hero-main .hero-actions {
                width: 100%;
                justify-content: center;
                gap: 10px;
                transform: none;
            }

            .hero-button-secondary {
                flex: 0 0 auto;
                width: 134px;
            }

            .hero-share-button {
                flex: 0 0 auto;
                min-height: 48px;
                padding-inline: 14px;
                font-size: 13px;
            }

            .hero-button {
                min-height: 48px;
                padding-inline: 12px;
                font-size: 13px;
            }

            .download-more-toggle {
                font-size: 13px;
            }

            .download-more-panel {
                width: min(296px, calc(100vw - 40px));
            }

            .hero-main .block-scene {
                justify-self: center;
                width: min(68vw, 250px);
                height: min(34svh, 260px);
                min-height: 0;
                margin: 0;
                filter: drop-shadow(0 22px 22px rgba(0, 0, 0, 0.42));
            }

            .scroll-down-cue {
                bottom: 20px;
                width: 38px;
                height: 38px;
            }

            .scroll-top-button {
                right: 18px;
                bottom: 18px;
                width: 44px;
                height: 44px;
            }
        }

        @media (max-width: 359px) {
            .hero-main {
                padding-inline: 16px;
            }

            .hero-main .hero-actions {
                gap: 6px;
            }

            .hero-main .hero-subtitle {
                max-width: 240px;
                font-size: 14px;
            }

            .hero-main .hero-title {
                font-size: 31px;
            }

            .hero-button-secondary {
                width: 118px;
            }

            .hero-main .block-scene {
                width: min(68vw, 210px);
                height: min(28svh, 200px);
            }
        }

        .reveal-on-scroll {
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 520ms ease, transform 520ms cubic-bezier(0.22, 1, 0.36, 1);
            will-change: opacity, transform;
        }

        .reveal-on-scroll.is-visible {
            opacity: 1;
            transform: translateY(0);
        }

        .reveal-item {
            opacity: 0;
            transform: translateY(12px);
            transition: opacity 460ms ease, transform 460ms cubic-bezier(0.22, 1, 0.36, 1);
            transition-delay: var(--reveal-delay, 0ms);
            will-change: opacity, transform;
        }

        .reveal-on-scroll.is-visible .reveal-item {
            opacity: 1;
            transform: translateY(0);
        }

        .download-picker {
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px;
        }

        [data-download-icon][hidden] {
            display: none !important;
        }

        .download-platform-icon {
            display: block;
            width: 20px;
            height: 20px;
            flex: 0 0 20px;
            object-fit: contain;
        }

        .download-option-icon {
            width: 24px;
            height: 24px;
            flex-basis: 24px;
        }

        .download-more-toggle {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            list-style: none;
            cursor: pointer;
            font-size: 14px;
            font-weight: 600;
            color: rgba(255, 255, 255, 0.42);
            transition: color 200ms ease;
        }

        .download-more-toggle::-webkit-details-marker {
            display: none;
        }

        .download-more-toggle:hover,
        .download-more[open] .download-more-toggle {
            color: #fff;
        }

        .download-more-toggle svg {
            transition: transform 240ms cubic-bezier(0.22, 1, 0.36, 1);
        }

        .download-more[open] .download-more-toggle svg {
            transform: rotate(180deg);
        }

        .download-more-panel {
            position: absolute;
            left: 50%;
            top: calc(100% + 12px);
            z-index: 15;
            width: 296px;
            max-width: calc(100vw - 48px);
            transform: translateX(-50%);
            border: 1px solid rgba(255, 255, 255, 0.12);
            border-radius: 10px;
            background: rgba(10, 10, 13, 0.97);
            padding: 6px;
            box-shadow: 0 28px 70px rgba(0, 0, 0, 0.55);
            animation: download-panel-in 180ms cubic-bezier(0.22, 1, 0.36, 1);
        }

        .download-option {
            display: flex;
            align-items: center;
            gap: 14px;
            border-radius: 6px;
            padding: 13px 14px;
            color: #fff;
            text-align: left;
            text-decoration: none;
            transition: background-color 200ms ease;
        }

        .download-picker[data-download-state="unavailable"] [data-download-button] {
            opacity: 0.55;
            pointer-events: none;
        }

        .download-option:hover {
            background: rgba(255, 255, 255, 0.08);
        }

        .download-option-text {
            display: flex;
            min-width: 0;
            flex: 1 1 auto;
            flex-direction: column;
            gap: 2px;
        }

        .download-option-name {
            font-size: 15px;
            font-weight: 800;
            line-height: 1.2;
        }

        .download-option-meta {
            font-size: 12px;
            color: rgba(255, 255, 255, 0.4);
        }

        .download-option-check {
            width: 17px;
            height: 17px;
            flex: 0 0 auto;
            color: #ff2b3f;
            opacity: 0;
        }

        .download-option[aria-current="true"] .download-option-check {
            opacity: 1;
        }

        .linux-install {
            display: none;
            margin-top: 26px;
        }

        @media (min-width: 640px) {
            .linux-install[data-active="true"] {
                display: block;
                animation: linux-install-in 240ms cubic-bezier(0.22, 1, 0.36, 1);
            }
        }

        .linux-install-heading {
            margin-bottom: 12px;
            font-size: 13px;
            font-weight: 700;
            letter-spacing: 0;
            text-transform: uppercase;
            color: rgba(255, 255, 255, 0.35);
        }

        .linux-install-cards {
            display: grid;
            gap: 12px;
            grid-template-columns: minmax(0, 1fr);
            max-width: 600px;
        }

        @media (min-width: 1600px) {
            .linux-install-cards {
                grid-template-columns: minmax(0, 1.75fr) minmax(0, 1fr);
                max-width: 900px;
            }
        }

        .linux-install-card {
            display: flex;
            flex-direction: column;
            gap: 12px;
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 8px;
            background: rgba(255, 255, 255, 0.03);
            padding: 18px;
            text-align: left;
        }

        .linux-install-head {
            display: flex;
            align-items: center;
            gap: 10px;
            color: #ff2b3f;
        }

        .linux-install-icon {
            width: 19px;
            height: 19px;
            flex: 0 0 auto;
        }

        .linux-install-title {
            font-size: 15px;
            font-weight: 800;
            color: #fff;
        }

        .linux-command {
            display: flex;
            align-items: center;
            gap: 8px;
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 7px;
            background: rgba(0, 0, 0, 0.42);
            padding: 9px 8px 9px 12px;
        }

        .linux-command-text {
            flex: 1 1 auto;
            min-width: 0;
            white-space: pre-wrap;
            overflow-wrap: anywhere;
            font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
            font-size: 12.5px;
            line-height: 1.6;
            color: rgba(255, 255, 255, 0.88);
        }

        .linux-copy {
            display: inline-grid;
            flex: 0 0 auto;
            place-items: center;
            width: 30px;
            height: 30px;
            border: 1px solid rgba(255, 255, 255, 0.12);
            border-radius: 6px;
            background: rgba(255, 255, 255, 0.08);
            cursor: pointer;
            color: #fff;
            transition: background-color 200ms ease, color 200ms ease;
        }

        .linux-copy:hover {
            background: rgba(255, 255, 255, 0.16);
        }

        .linux-copy-icon {
            width: 14px;
            height: 14px;
            flex: 0 0 auto;
        }

        .linux-deb-button {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 42px;
            border-radius: 999px;
            background: #ff2b3f;
            padding-inline: 18px;
            font-size: 14px;
            font-weight: 800;
            color: #fff;
            text-decoration: none;
            transition: background-color 200ms ease;
        }

        .linux-deb-button:hover {
            background: #ff4052;
        }

        .linux-install-note {
            margin-top: auto;
            font-size: 12.5px;
            line-height: 1.45;
            color: rgba(255, 255, 255, 0.38);
        }

        @keyframes linux-install-in {
            from {
                opacity: 0;
                transform: translateY(-6px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes download-panel-in {
            from {
                opacity: 0;
                transform: translateX(-50%) translateY(-6px);
            }

            to {
                opacity: 1;
                transform: translateX(-50%) translateY(0);
            }
        }

        .platform-card {
            display: flex;
            align-items: center;
            gap: 22px;
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 8px;
            background: rgba(255, 255, 255, 0.045);
            padding: 26px 28px;
            text-align: left;
            transition: border-color 260ms ease, background-color 260ms ease;
        }

        .platform-card:hover {
            border-color: rgba(255, 255, 255, 0.2);
            background: rgba(255, 255, 255, 0.07);
        }

        .platform-card > div:last-child {
            min-width: 0;
        }

        .loader-chip {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 0 4px;
            font-size: 15px;
            font-weight: 800;
            color: #fff;
            transition: opacity 260ms ease;
        }

        .loader-chip:hover {
            opacity: 0.82;
        }

        .loader-icon {
            display: block;
            width: 28px;
            height: 28px;
            flex: 0 0 28px;
            object-fit: contain;
        }

        .feature-row {
            display: grid;
            align-items: center;
            gap: 30px;
        }

        .feature-row-media {
            overflow: hidden;
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 8px;
            box-shadow: 0 30px 70px rgba(0, 0, 0, 0.45);
            transition: border-color 320ms ease, filter 320ms ease;
        }

        .feature-row-media:hover {
            border-color: rgba(255, 32, 56, 0.4);
            filter: brightness(1.05);
        }

        @media (min-width: 900px) {
            .feature-row {
                grid-template-columns: minmax(0, 1.26fr) minmax(0, 0.74fr);
                gap: 56px;
            }

            .feature-row:nth-child(even) {
                grid-template-columns: minmax(0, 0.74fr) minmax(0, 1.26fr);
            }

            .feature-row:nth-child(even) > *:first-child {
                order: 2;
            }
        }

        .feature-card-media {
            position: relative;
            aspect-ratio: 16 / 9;
            overflow: hidden;
            background:
                linear-gradient(100deg, rgba(255, 255, 255, 0.03) 30%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 255, 255, 0.03) 70%)
                #0b0b0f;
            background-size: 300% 100%;
            animation: media-shimmer 1.9s ease-in-out infinite;
        }

        .feature-card-media.is-loaded,
        .feature-card-media.is-error {
            animation: none;
            background: #0b0b0f;
        }

        .feature-card-media.is-error::after {
            content: "Preview unavailable";
            position: absolute;
            inset: 0;
            display: grid;
            place-items: center;
            color: rgba(255, 255, 255, 0.46);
            font-size: 13px;
            font-weight: 800;
        }

        .feature-card-media img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            opacity: 0;
            transition: opacity 420ms ease;
        }

        .feature-card-media.is-loaded img {
            opacity: 1;
        }

        .feature-card-media.is-error img {
            opacity: 0;
        }

        .site-footer {
            border-top: 1px solid rgba(255, 255, 255, 0.08);
            background: rgba(5, 5, 6, 0.6);
        }

        .site-footer a {
            color: rgba(255, 255, 255, 0.45);
            text-decoration: none;
            transition: color 200ms ease;
        }

        .site-footer a:hover {
            color: #fff;
        }

        .showcase-frame {
            position: relative;
            border-radius: 8px;
            box-shadow: 0 34px 90px rgba(0, 0, 0, 0.42), 0 0 0 1px rgba(255, 255, 255, 0.1);
        }

        .showcase-image {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
        }

        .showcase-image::after {
            content: none;
        }

        .plus-panel {
            container-type: inline-size;
            position: relative;
            overflow: hidden;
            box-sizing: border-box;
            border: 1px solid rgba(255, 206, 58, 0.34);
            border-radius: 8px;
            padding: 36px clamp(14px, 5vw, 48px);
            background:
                linear-gradient(180deg, rgba(255, 206, 58, 0.14), transparent 38%),
                linear-gradient(135deg, rgba(37, 33, 25, 0.9), rgba(8, 8, 11, 0.96) 58%);
            box-shadow: 0 34px 90px rgba(0, 0, 0, 0.42), inset 0 0 0 1px rgba(255, 255, 255, 0.04);
        }

        .plus-panel h2 {
            max-width: 100%;
            font-size: 38px;
            overflow-wrap: anywhere;
        }

        .plus-panel.reveal-item {
            transform: translateY(34px) scale(0.96);
            transition-duration: 860ms;
        }

        .reveal-on-scroll.is-visible .plus-panel.reveal-item {
            transform: translateY(0) scale(1);
        }

        .plus-panel::before {
            content: "";
            position: absolute;
            inset: 0;
            pointer-events: none;
            background: linear-gradient(120deg, transparent 0%, rgba(255, 224, 105, 0.12) 44%, transparent 70%);
            opacity: 0.65;
            transform: translateX(-18%);
            transition: opacity 1200ms cubic-bezier(0.22, 1, 0.36, 1), transform 1200ms cubic-bezier(0.22, 1, 0.36, 1);
        }

        .plus-section.is-visible .plus-panel::before {
            opacity: 1;
            transform: translateX(0);
        }

        .plus-crown {
            display: grid;
            width: 62px;
            height: 62px;
            place-items: center;
            border: 1px solid rgba(255, 220, 92, 0.32);
            border-radius: 8px;
            background: linear-gradient(145deg, rgba(255, 209, 54, 0.18), rgba(255, 209, 54, 0.06));
            color: #ffd23d;
            box-shadow: 0 18px 44px rgba(255, 194, 32, 0.16);
        }

        .plus-table {
            position: relative;
            width: 100%;
            overflow: hidden;
            border: 0;
            border-radius: 8px;
            background: rgba(8, 8, 11, 0.34);
            box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
        }

        .plus-table::before {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            width: 30.64516129%;
            border-radius: 6px 8px 8px 6px;
            background: rgba(255, 207, 52, 0.1);
            box-shadow: inset 1px 0 0 rgba(255, 218, 84, 0.08), inset -1px 0 0 rgba(255, 218, 84, 0.08);
            pointer-events: none;
        }

        .plus-mobile-head {
            position: relative;
            z-index: 1;
            display: grid;
            grid-template-columns: minmax(0, 1.35fr) minmax(0, 0.8fr) minmax(0, 0.95fr);
            gap: 0;
            padding: 0;
            color: rgba(255, 255, 255, 0.42);
            font-size: 10px;
            font-weight: 900;
            letter-spacing: 0;
            line-height: 1;
            text-transform: uppercase;
        }

        .plus-mobile-head span:first-child {
            display: block;
        }

        .plus-mobile-head span {
            display: flex;
            min-height: 42px;
            align-items: center;
        }

        .plus-mobile-head span:nth-child(2) {
            justify-content: flex-start;
        }

        .plus-mobile-head span:nth-child(3) {
            justify-content: center;
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
            background: linear-gradient(180deg, #ffd84f 0%, #ffc82d 100%);
            color: #120e04;
            margin-bottom: -1px;
            box-shadow: inset 1px 0 0 rgba(255, 230, 126, 0.18), inset -1px 0 0 rgba(255, 230, 126, 0.18), inset 0 1px 0 rgba(255, 244, 180, 0.35);
        }

        .plus-table-row {
            position: relative;
            z-index: 1;
            display: grid;
            grid-template-columns: minmax(0, 1.35fr) minmax(0, 0.8fr) minmax(0, 0.95fr);
            align-items: stretch;
            gap: 0;
            min-height: 0;
            padding: 0;
            border-top: 1px solid rgba(255, 255, 255, 0.07);
        }

        .plus-table-row:not(.plus-table-head) {
            border-top: 0;
        }

        .plus-table-row:first-child {
            border-top: 0;
        }

        .plus-table-cell {
            display: flex;
            align-items: center;
            min-width: 0;
            max-width: 100%;
            min-height: 62px;
            padding: 12px 8px;
            font-size: 12px;
            line-height: 1.25;
            overflow-wrap: anywhere;
            word-break: break-word;
        }

        .plus-table-cell:first-child {
            grid-column: auto;
            padding-left: 12px;
            font-size: 13px;
            line-height: 1.28;
        }

        .plus-table-cell:nth-child(2) {
            display: grid;
            justify-content: stretch;
            gap: 5px;
            color: rgba(255, 255, 255, 0.48);
            text-align: left;
        }

        .plus-table-cell:nth-child(3) {
            display: grid;
            align-items: center;
            justify-content: center;
            gap: 5px;
            background: transparent;
            color: #ffda54;
            font-weight: 900;
            text-align: center;
        }

        .plus-table-row:not(.plus-table-head) + .plus-table-row:not(.plus-table-head) .plus-table-cell {
            border-top: 1px solid rgba(255, 255, 255, 0.07);
        }

        .plus-table-row:not(.plus-table-head) + .plus-table-row:not(.plus-table-head) .plus-table-cell:nth-child(3) {
            border-top: 0;
        }

        .plus-table-row:last-child .plus-table-cell:nth-child(3) {
            border-bottom-right-radius: 8px;
            border-bottom-left-radius: 6px;
        }

        .plus-table-cell:nth-child(2)::before {
            content: none;
        }

        .plus-table-cell:nth-child(3)::before {
            content: none;
        }

        .plus-table-head {
            display: none;
        }

        @media (max-width: 900px) {
            .plus-section {
                min-height: auto;
                padding-top: 72px;
                padding-bottom: 72px;
            }
        }

        @container (min-width: 700px) {
            .plus-panel {
                border-radius: 10px;
                padding: 48px;
            }

            .plus-panel h2 {
                font-size: 52px;
            }

            .plus-table {
                border: 1px solid rgba(255, 255, 255, 0.1);
                border-radius: 8px;
                background: rgba(9, 9, 13, 0.62);
                box-shadow: none;
            }

            .plus-table::before {
                content: none;
            }

            .plus-mobile-head {
                display: none;
            }

            .plus-table-row {
                grid-template-columns: minmax(0, 1.3fr) minmax(96px, 0.7fr) minmax(112px, 0.72fr);
                gap: 0;
                min-height: 54px;
                padding: 0;
            }

            .plus-table-cell,
            .plus-table-cell:nth-child(2),
            .plus-table-cell:nth-child(3) {
                display: flex;
                align-items: center;
                padding: 18px 20px;
                font-size: 16px;
                line-height: normal;
            }

            .plus-table-cell:first-child {
                grid-column: auto;
                font-size: 16px;
                line-height: normal;
            }

            .plus-table-cell:nth-child(2) {
                justify-content: flex-end;
                color: rgba(255, 255, 255, 0.45);
            }

            .plus-table-cell:nth-child(3) {
                justify-content: center;
                background: rgba(255, 205, 49, 0.1);
                text-align: center;
            }

            .plus-table-cell:nth-child(2)::before {
                content: none;
            }

            .plus-table-cell:nth-child(3)::before {
                content: none;
            }

            .plus-table-head {
                display: grid;
            }

            .plus-table-head .plus-table-cell {
                min-height: 48px;
                font-size: 12px;
                font-weight: 900;
                letter-spacing: 0;
                text-transform: uppercase;
            }

            .plus-table-head .plus-table-cell:first-child {
                grid-column: auto;
            }

            .plus-table-head .plus-table-cell:nth-child(3) {
                background: #ffcf34;
                color: #120e04;
            }
        }

        @keyframes hero-word-cycle {
            0% {
                opacity: 0;
                transform: translateY(0.45em);
            }

            8%,
            28% {
                opacity: 1;
                transform: translateY(0);
            }

            36%,
            100% {
                opacity: 0;
                transform: translateY(-0.38em);
            }
        }

        @keyframes block-loader {
            from {
                transform: translate(-50%, -50%) rotate(0deg);
            }

            to {
                transform: translate(-50%, -50%) rotate(360deg);
            }
        }

        @keyframes media-shimmer {
            0% {
                background-position: 120% 0;
            }

            100% {
                background-position: -120% 0;
            }
        }

        @keyframes scroll-cue-bounce {
            0%,
            100% {
                translate: 0 0;
            }

            50% {
                translate: 0 7px;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .reveal-on-scroll,
            .reveal-item,
            .showcase-image::after,
            .feature-card-media,
            .feature-card-media img,
            .hero-word-rotator span {
                opacity: 1;
                filter: none;
                transform: none;
                transition: none;
                animation: none;
            }

            .hero-word-rotator span:not(:first-child) {
                display: none;
            }

            #grass-block-renderer[data-render-state="loading"]::after {
                animation: none;
            }

            .download-more-panel {
                animation: none;
            }

            .download-more-toggle svg {
                transition: none;
            }

            .scroll-down-cue,
            .scroll-top-button {
                transition: none;
                animation: none;
            }
        }