html, body { background-color: #0a0a0a !important; }
        .uc-offcanvas-close, .fomo-close-btn-final { opacity: 1 !important; }
        
        /* Hide the native WP Skip Link unless focused by keyboard */
        .screen-reader-text.skip-link { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; word-wrap: normal !important; }
        .screen-reader-text.skip-link:focus { clip: auto !important; height: auto; width: auto; z-index: 100000; background: #0a84ff; color: #fff; padding: 15px; text-decoration: none; font-weight: bold; font-family: 'Space Grotesk','Rubik', sans-serif; display: block; top: 5px; left: 5px; border-radius: 4px; }
    

        html, body { position: relative; }
        body::before {
            content: ''; position: fixed;
            top: -10%; left: -20%;
            width: 70vw; height: 70vw;
            background: radial-gradient(circle, rgba(10,132,255,0.10) 0%, transparent 60%);
            z-index: 0; pointer-events: none;
        }
        body::after {
            content: ''; position: fixed;
            bottom: -10%; right: -20%;
            width: 80vw; height: 80vw;
            background: radial-gradient(circle, rgba(10,132,255,0.07) 0%, transparent 60%);
            z-index: 0; pointer-events: none;
        }
    

img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */


:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}

/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */


/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */


:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--contrast: var(--contrast);--wp--preset--color--contrast-2: var(--contrast-2);--wp--preset--color--contrast-3: var(--contrast-3);--wp--preset--color--base: var(--base);--wp--preset--color--base-2: var(--base-2);--wp--preset--color--base-3: var(--base-3);--wp--preset--color--accent: var(--accent);--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-contrast-color{color: var(--wp--preset--color--contrast) !important;}.has-contrast-2-color{color: var(--wp--preset--color--contrast-2) !important;}.has-contrast-3-color{color: var(--wp--preset--color--contrast-3) !important;}.has-base-color{color: var(--wp--preset--color--base) !important;}.has-base-2-color{color: var(--wp--preset--color--base-2) !important;}.has-base-3-color{color: var(--wp--preset--color--base-3) !important;}.has-accent-color{color: var(--wp--preset--color--accent) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-contrast-background-color{background-color: var(--wp--preset--color--contrast) !important;}.has-contrast-2-background-color{background-color: var(--wp--preset--color--contrast-2) !important;}.has-contrast-3-background-color{background-color: var(--wp--preset--color--contrast-3) !important;}.has-base-background-color{background-color: var(--wp--preset--color--base) !important;}.has-base-2-background-color{background-color: var(--wp--preset--color--base-2) !important;}.has-base-3-background-color{background-color: var(--wp--preset--color--base-3) !important;}.has-accent-background-color{background-color: var(--wp--preset--color--accent) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-contrast-border-color{border-color: var(--wp--preset--color--contrast) !important;}.has-contrast-2-border-color{border-color: var(--wp--preset--color--contrast-2) !important;}.has-contrast-3-border-color{border-color: var(--wp--preset--color--contrast-3) !important;}.has-base-border-color{border-color: var(--wp--preset--color--base) !important;}.has-base-2-border-color{border-color: var(--wp--preset--color--base-2) !important;}.has-base-3-border-color{border-color: var(--wp--preset--color--base-3) !important;}.has-accent-border-color{border-color: var(--wp--preset--color--accent) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
/*# sourceURL=global-styles-inline-css */

.footer-widgets-container{padding:40px}.inside-footer-widgets{display:flex}.inside-footer-widgets>div{flex:1 1 0}.site-footer .footer-widgets-container .inner-padding{padding:0 0 0 40px}.site-footer .footer-widgets-container .inside-footer-widgets{margin-left:-40px}.top-bar{font-weight:400;text-transform:none;font-size:13px}.top-bar .inside-top-bar{display:flex;align-items:center;flex-wrap:wrap}.top-bar .inside-top-bar .widget{padding:0;display:inline-block;margin-bottom:0}.top-bar .inside-top-bar .textwidget p:last-child{margin:0}.top-bar .widget-title{display:none}.top-bar .widget{margin:0 10px}.top-bar .widget_nav_menu>div>ul{display:flex;align-items:center}.top-bar .widget_nav_menu li{margin:0 10px;padding:0}.top-bar .widget_nav_menu li:first-child{margin-left:0}.top-bar .widget_nav_menu li:last-child{margin-right:0}.top-bar .widget_nav_menu li ul{display:none}.inside-top-bar{padding:10px 40px}div.top-bar .widget{margin-bottom:0}.top-bar-align-right .widget{margin-right:0}.top-bar-align-right .widget:first-child{margin-left:auto}.top-bar-align-right .widget:nth-child(2n){order:-20}.top-bar-align-right .widget:nth-child(2){margin-left:0}.top-bar-align-left .widget{margin-left:0}.top-bar-align-left .widget:nth-child(odd){order:-20}.top-bar-align-left .widget:nth-child(2){margin-left:auto}.top-bar-align-left .widget:last-child{margin-right:0}.top-bar-align-center .widget:first-child{margin-left:auto}.top-bar-align-center .widget:last-child{margin-right:auto}.top-bar-align-center .widget:not(:first-child):not(:last-child){margin:0 5px}.footer-bar-active .footer-bar .widget{padding:0}.footer-bar .widget_nav_menu>div>ul{display:flex;align-items:center;flex-wrap:wrap}.footer-bar .widget_nav_menu li{margin:0 10px;padding:0}.footer-bar .widget_nav_menu li:first-child{margin-left:0}.footer-bar .widget_nav_menu li:last-child{margin-right:0}.footer-bar .widget_nav_menu li ul{display:none}.footer-bar .textwidget p:last-child{margin:0}.footer-bar .widget-title{display:none}.footer-bar-align-right .copyright-bar{order:-20;margin-right:auto}.footer-bar-align-left .copyright-bar{margin-left:auto}.footer-bar-align-center .inside-site-info{flex-direction:column}.footer-bar-align-center .footer-bar{margin-bottom:10px}.site-footer:not(.footer-bar-active) .copyright-bar{margin:0 auto}@media (max-width:768px){.top-bar .inside-top-bar{justify-content:center}.top-bar .inside-top-bar>.widget{order:1;margin:0 10px}.top-bar .inside-top-bar:first-child{margin-left:auto}.top-bar .inside-top-bar:last-child{margin-right:auto}.top-bar .widget_nav_menu li{padding:5px 0}.top-bar-align-center{text-align:center}.inside-footer-widgets{flex-direction:column}.inside-footer-widgets>div:not(:last-child){margin-bottom:40px}.site-footer .footer-widgets .footer-widgets-container .inside-footer-widgets{margin:0}.site-footer .footer-widgets .footer-widgets-container .inner-padding{padding:0}.footer-bar-active .inside-site-info{flex-direction:column}.footer-bar-active .footer-bar{margin-bottom:10px}.footer-bar .widget_nav_menu>div>ul{justify-content:center}.footer-bar .widget_nav_menu li{padding:5px 0}.footer-bar .widget_nav_menu li:first-child{margin-left:10px}.footer-bar .widget_nav_menu li:last-child{margin-right:10px}.footer-bar-align-left .copyright-bar{margin-left:0}.footer-bar-align-right .copyright-bar{order:unset;margin-right:0}}
blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{margin:0;padding:0;border:0}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{display:block}progress{vertical-align:baseline}html{box-sizing:border-box}*,::after,::before{box-sizing:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;margin:0}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}body,button,input,select,textarea{font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-weight:400;text-transform:none;font-size:17px;line-height:1.5}p{margin-bottom:1.5em}h1,h2,h3,h4,h5,h6{font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit}pre{background:rgba(0,0,0,.05);font-family:inherit;font-size:inherit;line-height:normal;margin-bottom:1.5em;padding:20px;overflow:auto;max-width:100%}blockquote{border-left:5px solid rgba(0,0,0,.05);padding:20px;font-size:1.2em;font-style:italic;margin:0 0 1.5em;position:relative}blockquote p:last-child{margin:0}table,td,th{border:1px solid rgba(0,0,0,.1)}table{border-collapse:separate;border-spacing:0;border-width:1px 0 0 1px;margin:0 0 1.5em;width:100%}td,th{padding:8px}th{border-width:0 1px 1px 0}td{border-width:0 1px 1px 0}hr{background-color:rgba(0,0,0,.1);border:0;height:1px;margin-bottom:40px;margin-top:40px}fieldset{padding:0;border:0;min-width:inherit}fieldset legend{padding:0;margin-bottom:1.5em}h1{font-size:42px;margin-bottom:20px;line-height:1.2em;font-weight:400;text-transform:none}h2{font-size:35px;margin-bottom:20px;line-height:1.2em;font-weight:400;text-transform:none}h3{font-size:29px;margin-bottom:20px;line-height:1.2em;font-weight:400;text-transform:none}h4{font-size:24px}h5{font-size:20px}h4,h5,h6{margin-bottom:20px}ol,ul{margin:0 0 1.5em 3em}ul{list-style:disc}ol{list-style:decimal}li>ol,li>ul{margin-bottom:0;margin-left:1.5em}dt{font-weight:700}dd{margin:0 1.5em 1.5em}b,strong{font-weight:700}cite,dfn,em,i{font-style:italic}address{margin:0 0 1.5em}code,kbd,tt,var{font:15px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace}abbr,acronym{border-bottom:1px dotted #666;cursor:help}ins,mark{text-decoration:none}sub,sup{font-size:75%;height:0;line-height:0;position:relative;vertical-align:baseline}sup{bottom:1ex}sub{top:.5ex}small{font-size:75%}big{font-size:125%}figure{margin:0}table{margin:0 0 1.5em;width:100%}th{font-weight:700}img{height:auto;max-width:100%}button,input[type=button],input[type=reset],input[type=submit]{background:#55555e;color:#fff;border:1px solid transparent;cursor:pointer;-webkit-appearance:button;padding:10px 20px}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{border:1px solid;border-radius:0;padding:10px 15px;max-width:100%}textarea{width:100%}a,button,input{transition:color .1s ease-in-out,background-color .1s ease-in-out}a{text-decoration:none}.button,.wp-block-button .wp-block-button__link{padding:10px 20px;display:inline-block}.wp-block-button .wp-block-button__link{font-size:inherit;line-height:inherit}.using-mouse :focus{outline:0}.using-mouse ::-moz-focus-inner{border:0}.alignleft{float:left;margin-right:1.5em}.alignright{float:right;margin-left:1.5em}.aligncenter{clear:both;display:block;margin:0 auto}.size-auto,.size-full,.size-large,.size-medium,.size-thumbnail{max-width:100%;height:auto}.no-sidebar .entry-content .alignfull{margin-left:calc(-100vw / 2 + 100% / 2);margin-right:calc(-100vw / 2 + 100% / 2);max-width:100vw;width:auto}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;clip-path:none;color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}#primary[tabindex="-1"]:focus{outline:0}.main-navigation{z-index:100;padding:0;clear:both;display:block}.main-navigation a{display:block;text-decoration:none;font-weight:400;text-transform:none;font-size:15px}.main-navigation ul{list-style:none;margin:0;padding-left:0}.main-navigation .main-nav ul li a{padding-left:20px;padding-right:20px;line-height:60px}.inside-navigation{position:relative}.main-navigation .inside-navigation{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between}.main-navigation .main-nav>ul{display:flex;flex-wrap:wrap;align-items:center}.main-navigation li{position:relative}.main-navigation .menu-bar-items{display:flex;align-items:center;font-size:15px}.main-navigation .menu-bar-items a{color:inherit}.main-navigation .menu-bar-item{position:relative}.main-navigation .menu-bar-item.search-item{z-index:20}.main-navigation .menu-bar-item>a{padding-left:20px;padding-right:20px;line-height:60px}.sidebar .main-navigation .main-nav{flex-basis:100%}.sidebar .main-navigation .main-nav>ul{flex-direction:column}.sidebar .main-navigation .menu-bar-items{margin:0 auto}.sidebar .main-navigation .menu-bar-items .search-item{order:10}.nav-align-center .inside-navigation{justify-content:center}.nav-align-center .main-nav>ul{justify-content:center}.nav-align-right .inside-navigation{justify-content:flex-end}.main-navigation ul ul{display:block;box-shadow:1px 1px 0 rgba(0,0,0,.1);float:left;position:absolute;left:-99999px;opacity:0;z-index:99999;width:200px;text-align:left;top:auto;transition:opacity 80ms linear;transition-delay:0s;pointer-events:none;height:0;overflow:hidden}.main-navigation ul ul a{display:block}.main-navigation ul ul li{width:100%}.main-navigation .main-nav ul ul li a{line-height:normal;padding:10px 20px;font-size:14px}.main-navigation .main-nav ul li.menu-item-has-children>a{padding-right:0;position:relative}.main-navigation.sub-menu-left ul ul{box-shadow:-1px 1px 0 rgba(0,0,0,.1)}.main-navigation.sub-menu-left .sub-menu{right:0}.main-navigation:not(.toggled) ul li.sfHover>ul,.main-navigation:not(.toggled) ul li:hover>ul{left:auto;opacity:1;transition-delay:150ms;pointer-events:auto;height:auto;overflow:visible}.main-navigation:not(.toggled) ul ul li.sfHover>ul,.main-navigation:not(.toggled) ul ul li:hover>ul{left:100%;top:0}.main-navigation.sub-menu-left:not(.toggled) ul ul li.sfHover>ul,.main-navigation.sub-menu-left:not(.toggled) ul ul li:hover>ul{right:100%;left:auto}.nav-float-right .main-navigation ul ul ul{top:0}.menu-item-has-children .dropdown-menu-toggle{display:inline-block;height:100%;clear:both;padding-right:20px;padding-left:10px}.menu-item-has-children ul .dropdown-menu-toggle{padding-top:10px;padding-bottom:10px;margin-top:-10px}.sidebar .menu-item-has-children .dropdown-menu-toggle,nav ul ul .menu-item-has-children .dropdown-menu-toggle{float:right}.widget-area .main-navigation li{float:none;display:block;width:100%;padding:0;margin:0}.sidebar .main-navigation.sub-menu-right ul li.sfHover ul,.sidebar .main-navigation.sub-menu-right ul li:hover ul{top:0;left:100%}.sidebar .main-navigation.sub-menu-left ul li.sfHover ul,.sidebar .main-navigation.sub-menu-left ul li:hover ul{top:0;right:100%}.site-main .comment-navigation,.site-main .post-navigation,.site-main .posts-navigation{margin:0 0 2em;overflow:hidden}.site-main .post-navigation{margin-bottom:0}.paging-navigation .nav-next,.paging-navigation .nav-previous{display:none}.paging-navigation .nav-links>*{padding:0 5px}.paging-navigation .nav-links .current{font-weight:700}.nav-links>:first-child{padding-left:0}.site-header{position:relative}.inside-header{padding:20px 40px}.main-title{margin:0;font-size:25px;line-height:1.2em;word-wrap:break-word;font-weight:700;text-transform:none}.site-description{margin:0;line-height:1.5;font-weight:400;text-transform:none;font-size:15px}.site-logo{display:inline-block;max-width:100%}.site-header .header-image{vertical-align:middle}.inside-header{display:flex;align-items:center}.header-widget{margin-left:auto}.header-widget p:last-child{margin-bottom:0}.nav-float-right .header-widget{margin-left:20px}.nav-float-right #site-navigation{margin-left:auto}.nav-float-left #site-navigation{margin-right:auto;order:-10}.nav-float-left .header-widget{margin-left:0;margin-right:20px;order:-15}.header-aligned-center:not([class*=nav-float-]) .inside-header{justify-content:center;flex-direction:column;text-align:center}.header-aligned-center:not([class*=nav-float-]) .header-widget{margin-left:auto;margin-right:auto}.header-aligned-center:not([class*=nav-float-]) .inside-header>:not(:first-child){margin-top:1em}.header-aligned-right:not([class*=nav-float-]) .inside-header{justify-content:flex-end}.header-aligned-right:not([class*=nav-float-]) .header-widget{margin-right:auto;margin-left:0;order:-10}.site-branding-container{display:inline-flex;align-items:center;text-align:left;flex-shrink:0}.site-branding-container .site-logo{margin-right:1em}.sticky{display:block}.entry-header .gp-icon,.posted-on .updated{display:none}.byline,.entry-header .cat-links,.entry-header .comments-link,.entry-header .tags-links,.group-blog .byline,.single .byline{display:inline}footer.entry-meta .byline,footer.entry-meta .posted-on{display:block}.entry-content:not(:first-child),.entry-summary:not(:first-child),.page-content:not(:first-child){margin-top:2em}.page-links{clear:both;margin:0 0 1.5em}.archive .format-aside .entry-header,.archive .format-status .entry-header,.archive .format-status .entry-meta,.archive .format-status .entry-title,.blog .format-aside .entry-header,.blog .format-status .entry-header,.blog .format-status .entry-meta,.blog .format-status .entry-title{display:none}.archive .format-aside .entry-content,.archive .format-status .entry-content,.blog .format-aside .entry-content,.blog .format-status .entry-content{margin-top:0}.archive .format-status .entry-content p:last-child,.blog .format-status .entry-content p:last-child{margin-bottom:0}.entry-header,.site-content{word-wrap:break-word}.entry-title{margin-bottom:0}.author .page-header .page-title{display:flex;align-items:center}.author .page-header .avatar{margin-right:20px}.page-header .author-info>:last-child,.page-header>:last-child{margin-bottom:0}.entry-meta{font-size:85%;margin-top:.5em;line-height:1.5}footer.entry-meta{margin-top:2em}.cat-links,.comments-link,.tags-links{display:block}.entry-content>p:last-child,.entry-summary>p:last-child,.page-content>p:last-child,.read-more-container,.taxonomy-description p:last-child{margin-bottom:0}.wp-caption{margin-bottom:1.5em;max-width:100%;position:relative}.wp-caption img[class*=wp-image-]{display:block;margin:0 auto 0;max-width:100%}.wp-caption .wp-caption-text{font-size:75%;padding-top:5px;opacity:.8}.wp-caption img{position:relative;vertical-align:bottom}.wp-block-image figcaption{font-size:13px;text-align:center}.wp-block-gallery,ul.blocks-gallery-grid{margin-left:0}.wp-block-gallery .blocks-gallery-image figcaption,.wp-block-gallery .blocks-gallery-item figcaption{background:rgba(255,255,255,.7);color:#000;padding:10px;box-sizing:border-box}.gallery{margin-bottom:1.5em}.gallery-item{display:inline-block;text-align:center;vertical-align:top;width:100%}.gallery-columns-2 .gallery-item{max-width:50%}.gallery-columns-3 .gallery-item{max-width:33.33%}.gallery-columns-4 .gallery-item{max-width:25%}.gallery-columns-5 .gallery-item{max-width:20%}.gallery-columns-6 .gallery-item{max-width:16.66%}.gallery-columns-7 .gallery-item{max-width:14.28%}.gallery-columns-8 .gallery-item{max-width:12.5%}.gallery-columns-9 .gallery-item{max-width:11.11%}.gallery-caption{display:block}.site-main .gallery{margin-bottom:1.5em}.gallery-item img{vertical-align:bottom}.gallery-icon{padding:5px}embed,iframe,object{max-width:100%}.wp-block-post-template{margin-left:0}.widget-area .widget{padding:40px}.widget select{max-width:100%}.footer-widgets .widget :last-child,.sidebar .widget :last-child{margin-bottom:0}.widget-title{margin-bottom:30px;font-size:20px;line-height:1.5;font-weight:400;text-transform:none}.widget ol,.widget ul{margin:0}.widget .search-field{width:100%}.widget .search-form{display:flex}.widget .search-form button.search-submit{font-size:15px}.footer-widgets .widget{margin-bottom:30px}.footer-widgets .widget:last-child,.sidebar .widget:last-child{margin-bottom:0}.widget ul li{list-style-type:none;position:relative;margin-bottom:.5em}.widget ul li ul{margin-left:1em;margin-top:.5em}.wp-calendar-table{table-layout:fixed}.site-content{display:flex}.grid-container{margin-left:auto;margin-right:auto;max-width:1200px}.page-header,.sidebar .widget,.site-main>*{margin-bottom:20px}.both-left .inside-left-sidebar,.both-right .inside-left-sidebar{margin-right:10px}.both-left .inside-right-sidebar,.both-right .inside-right-sidebar{margin-left:10px}.one-container.both-right .site-main,.one-container.right-sidebar .site-main{margin-right:40px}.one-container.both-left .site-main,.one-container.left-sidebar .site-main{margin-left:40px}.one-container.both-sidebars .site-main{margin:0 40px 0 40px}.one-container.archive .post:not(:last-child):not(.is-loop-template-item),.one-container.blog .post:not(:last-child):not(.is-loop-template-item){padding-bottom:40px}.one-container .site-content{padding:40px}.separate-containers .comments-area,.separate-containers .inside-article,.separate-containers .page-header,.separate-containers .paging-navigation{padding:40px}.separate-containers .site-main{margin:20px}.separate-containers.no-sidebar .site-main{margin-left:0;margin-right:0}.separate-containers.both-right .site-main,.separate-containers.right-sidebar .site-main{margin-left:0}.separate-containers.both-left .site-main,.separate-containers.left-sidebar .site-main{margin-right:0}.separate-containers .inside-left-sidebar,.separate-containers .inside-right-sidebar{margin-top:20px;margin-bottom:20px}.inside-page-header{padding:40px}.widget-area .main-navigation{margin-bottom:20px}.one-container .site-main>:last-child,.separate-containers .site-main>:last-child{margin-bottom:0}.full-width-content .container.grid-container{max-width:100%}.full-width-content.no-sidebar.separate-containers .site-main{margin:0}.full-width-content.one-container .site-content,.full-width-content.separate-containers .inside-article{padding:0}.full-width-content .entry-content .alignwide{margin-left:0;width:auto;max-width:unset}.contained-content.one-container .site-content,.contained-content.separate-containers .inside-article{padding:0}.sidebar .grid-container{max-width:100%;width:100%}.both-left .is-left-sidebar,.both-sidebars .is-left-sidebar,.left-sidebar .sidebar{order:-10}.both-left .is-right-sidebar{order:-5}.both-right .is-left-sidebar{order:5}.both-right .is-right-sidebar,.both-sidebars .is-right-sidebar{order:10}.inside-site-info{display:flex;align-items:center;justify-content:center;padding:20px 40px}.site-info{text-align:center;font-size:15px}.post-image:not(:first-child){margin-top:2em}.featured-image{line-height:0}.separate-containers .featured-image{margin-top:20px}.separate-containers .inside-article>.featured-image{margin-top:0;margin-bottom:2em}.one-container .inside-article>.featured-image{margin-top:0;margin-bottom:2em}.gp-icon{display:inline-flex;align-self:center}.gp-icon svg{height:1em;width:1em;top:.125em;position:relative;fill:currentColor}.close-search .icon-search svg:first-child,.icon-menu-bars svg:nth-child(2),.icon-search svg:nth-child(2),.toggled .icon-menu-bars svg:first-child{display:none}.close-search .icon-search svg:nth-child(2),.toggled .icon-menu-bars svg:nth-child(2){display:block}.entry-meta .gp-icon{margin-right:.6em;opacity:.7}nav.toggled .icon-arrow-left svg{transform:rotate(-90deg)}nav.toggled .icon-arrow-right svg{transform:rotate(90deg)}nav.toggled .sfHover>a>.dropdown-menu-toggle .gp-icon svg{transform:rotate(180deg)}nav.toggled .sfHover>a>.dropdown-menu-toggle .gp-icon.icon-arrow-left svg{transform:rotate(-270deg)}nav.toggled .sfHover>a>.dropdown-menu-toggle .gp-icon.icon-arrow-right svg{transform:rotate(270deg)}.container.grid-container{width:auto}.menu-toggle,.mobile-bar-items,.sidebar-nav-mobile{display:none}.menu-toggle{padding:0 20px;line-height:60px;margin:0;font-weight:400;text-transform:none;font-size:15px;cursor:pointer}.menu-toggle .mobile-menu{padding-left:3px}.menu-toggle .gp-icon+.mobile-menu{padding-left:9px}.menu-toggle .mobile-menu:empty{display:none}button.menu-toggle{background-color:transparent;flex-grow:1;border:0;text-align:center}button.menu-toggle:active,button.menu-toggle:focus,button.menu-toggle:hover{background-color:transparent}.has-menu-bar-items button.menu-toggle{flex-grow:0}nav.toggled ul ul.sub-menu{width:100%}.toggled .menu-item-has-children .dropdown-menu-toggle{padding-left:20px}.main-navigation.toggled .main-nav{flex-basis:100%;order:3}.main-navigation.toggled .main-nav>ul{display:block}.main-navigation.toggled .main-nav li{width:100%;text-align:left}.main-navigation.toggled .main-nav ul ul{transition:0s;visibility:hidden;box-shadow:none;border-bottom:1px solid rgba(0,0,0,.05)}.main-navigation.toggled .main-nav ul ul li:last-child>ul{border-bottom:0}.main-navigation.toggled .main-nav ul ul.toggled-on{position:relative;top:0;left:auto!important;right:auto!important;width:100%;pointer-events:auto;height:auto;opacity:1;display:block;visibility:visible;float:none}.main-navigation.toggled .menu-item-has-children .dropdown-menu-toggle{float:right}.mobile-menu-control-wrapper{display:none;margin-left:auto;align-items:center}.has-inline-mobile-toggle #site-navigation.toggled{margin-top:1.5em}.has-inline-mobile-toggle #site-navigation.has-active-search{margin-top:1.5em}.has-inline-mobile-toggle #site-navigation.has-active-search .nav-search-active{position:relative}.has-inline-mobile-toggle #site-navigation.has-active-search .navigation-search input{outline:auto}.nav-float-left .mobile-menu-control-wrapper{order:-10;margin-left:0;margin-right:auto;flex-direction:row-reverse}@media (max-width:768px){.hide-on-mobile{display:none!important}a,body,button,input,select,textarea{transition:all 0s ease-in-out}.inside-header{flex-direction:column;text-align:center}.site-header .header-widget{margin-top:1.5em;margin-left:auto;margin-right:auto;text-align:center}.site-content{flex-direction:column}.container .site-content .content-area{width:auto}.is-left-sidebar.sidebar,.is-right-sidebar.sidebar{width:auto;order:initial}.is-left-sidebar+.is-right-sidebar .inside-right-sidebar{margin-top:0}.both-left .inside-left-sidebar,.both-left .inside-right-sidebar,.both-right .inside-left-sidebar,.both-right .inside-right-sidebar{margin-right:0;margin-left:0}#main{margin-left:0;margin-right:0}body:not(.no-sidebar) #main{margin-bottom:0}.alignleft,.alignright{float:none;display:block;margin-left:auto;margin-right:auto}.comment .children{padding-left:10px;margin-left:0}.entry-meta{font-size:inherit}.entry-meta a{line-height:1.8em}}@media (min-width:769px) and (max-width:1024px){.hide-on-tablet{display:none!important}}@media (min-width:1025px){.hide-on-desktop{display:none!important}}

body{background-color:var(--base-2);color:var(--contrast);}a{color:var(--accent);}a{text-decoration:underline;}.entry-title a, .site-branding a, a.button, .wp-block-button__link, .main-navigation a{text-decoration:none;}a:hover, a:focus, a:active{color:var(--contrast);}.wp-block-group__inner-container{max-width:1200px;margin-left:auto;margin-right:auto;}:root{--contrast:#222222;--contrast-2:#575760;--contrast-3:#b2b2be;--base:#f0f0f0;--base-2:#f7f8f9;--base-3:#ffffff;--accent:#1e73be;}:root .has-contrast-color{color:var(--contrast);}:root .has-contrast-background-color{background-color:var(--contrast);}:root .has-contrast-2-color{color:var(--contrast-2);}:root .has-contrast-2-background-color{background-color:var(--contrast-2);}:root .has-contrast-3-color{color:var(--contrast-3);}:root .has-contrast-3-background-color{background-color:var(--contrast-3);}:root .has-base-color{color:var(--base);}:root .has-base-background-color{background-color:var(--base);}:root .has-base-2-color{color:var(--base-2);}:root .has-base-2-background-color{background-color:var(--base-2);}:root .has-base-3-color{color:var(--base-3);}:root .has-base-3-background-color{background-color:var(--base-3);}:root .has-accent-color{color:var(--accent);}:root .has-accent-background-color{background-color:var(--accent);}.top-bar{background-color:#636363;color:#ffffff;}.top-bar a{color:#ffffff;}.top-bar a:hover{color:#303030;}.site-header{background-color:var(--base-3);}.main-title a,.main-title a:hover{color:var(--contrast);}.site-description{color:var(--contrast-2);}.mobile-menu-control-wrapper .menu-toggle,.mobile-menu-control-wrapper .menu-toggle:hover,.mobile-menu-control-wrapper .menu-toggle:focus,.has-inline-mobile-toggle #site-navigation.toggled{background-color:rgba(0, 0, 0, 0.02);}.main-navigation,.main-navigation ul ul{background-color:var(--base-3);}.main-navigation .main-nav ul li a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items{color:var(--contrast);}.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a{color:var(--accent);}button.menu-toggle:hover,button.menu-toggle:focus{color:var(--contrast);}.main-navigation .main-nav ul li[class*="current-menu-"] > a{color:var(--accent);}.navigation-search input[type="search"],.navigation-search input[type="search"]:active, .navigation-search input[type="search"]:focus, .main-navigation .main-nav ul li.search-item.active > a, .main-navigation .menu-bar-items .search-item.active > a{color:var(--accent);}.main-navigation ul ul{background-color:var(--base);}.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .one-container .container, .separate-containers .paging-navigation, .inside-page-header{background-color:var(--base-3);}.entry-title a{color:var(--contrast);}.entry-title a:hover{color:var(--contrast-2);}.entry-meta{color:var(--contrast-2);}.sidebar .widget{background-color:var(--base-3);}.footer-widgets{background-color:var(--base-3);}.site-info{background-color:var(--base-3);}input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="tel"],input[type="number"],textarea,select{color:var(--contrast);background-color:var(--base-2);border-color:var(--base);}input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="number"]:focus,textarea:focus,select:focus{color:var(--contrast);background-color:var(--base-2);border-color:var(--contrast-3);}button,html input[type="button"],input[type="reset"],input[type="submit"],a.button,a.wp-block-button__link:not(.has-background){color:#ffffff;background-color:#55555e;}button:hover,html input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover,a.button:hover,button:focus,html input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,a.button:focus,a.wp-block-button__link:not(.has-background):active,a.wp-block-button__link:not(.has-background):focus,a.wp-block-button__link:not(.has-background):hover{color:#ffffff;background-color:#3f4047;}a.generate-back-to-top{background-color:rgba( 0,0,0,0.4 );color:#ffffff;}a.generate-back-to-top:hover,a.generate-back-to-top:focus{background-color:rgba( 0,0,0,0.6 );color:#ffffff;}:root{--gp-search-modal-bg-color:var(--base-3);--gp-search-modal-text-color:var(--contrast);--gp-search-modal-overlay-bg-color:rgba(0,0,0,0.2);}@media (max-width:768px){.main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a{background:none;color:var(--contrast);}}.nav-below-header .main-navigation .inside-navigation.grid-container, .nav-above-header .main-navigation .inside-navigation.grid-container{padding:0px 20px 0px 20px;}.site-main .wp-block-group__inner-container{padding:40px;}.separate-containers .paging-navigation{padding-top:20px;padding-bottom:20px;}.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull{margin-left:-40px;width:calc(100% + 80px);max-width:calc(100% + 80px);}.rtl .menu-item-has-children .dropdown-menu-toggle{padding-left:20px;}.rtl .main-navigation .main-nav ul li.menu-item-has-children > a{padding-right:20px;}@media (max-width:768px){.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header{padding:30px;}.site-main .wp-block-group__inner-container{padding:30px;}.inside-top-bar{padding-right:30px;padding-left:30px;}.inside-header{padding-right:30px;padding-left:30px;}.widget-area .widget{padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px;}.footer-widgets-container{padding-top:30px;padding-right:30px;padding-bottom:30px;padding-left:30px;}.inside-site-info{padding-right:30px;padding-left:30px;}.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull{margin-left:-30px;width:calc(100% + 60px);max-width:calc(100% + 60px);}.one-container .site-main .paging-navigation{margin-bottom:20px;}}/* End cached CSS */.is-right-sidebar{width:30%;}.is-left-sidebar{width:30%;}.site-content .content-area{width:100%;}@media (max-width:768px){.main-navigation .menu-toggle,.sidebar-nav-mobile:not(#sticky-placeholder){display:block;}.main-navigation ul,.gen-sidebar-nav,.main-navigation:not(.slideout-navigation):not(.toggled) .main-nav > ul,.has-inline-mobile-toggle #site-navigation .inside-navigation > *:not(.navigation-search):not(.main-nav){display:none;}.nav-align-right .inside-navigation,.nav-align-center .inside-navigation{justify-content:space-between;}}
/*# sourceURL=generate-style-inline-css */

/* RIP Tweaks — shared app UI kit (site-wide). App colors + corners + animations, WEBSITE font = Space Grotesk (Rubik fallback). */
@font-face{font-family:'Rubik';font-style:normal;font-weight:300 700;font-display:swap;src:url('/wp-content/uploads/fonts/Rubik-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family:'Rubik';font-style:normal;font-weight:300 700;font-display:swap;src:url('/wp-content/uploads/fonts/Rubik-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Rubik';font-style:normal;font-weight:300 700;font-display:swap;src:url('/wp-content/uploads/fonts/Rubik-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:'Rubik';font-style:normal;font-weight:300 700;font-display:swap;src:url('/wp-content/uploads/fonts/Rubik-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}@font-face{font-family:'Rubik';font-style:normal;font-weight:300 700;font-display:swap;src:url('/wp-content/uploads/fonts/Rubik-arabic.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC;}
/* 2026-10 brand fonts: Space Grotesk (UI, 300-700; Rubik stays the fallback for Cyrillic/Arabic, its faces above capped at 700 like Space Grotesk so ru/ar headings are not heavier than their Latin words; the runtime copies in rt-global-ui/rt-prem match) + IBM Plex Mono (numbers). */
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:300 700;font-display:swap;src:url('/wp-content/uploads/fonts/SpaceGrotesk-latin-v1.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:300 700;font-display:swap;src:url('/wp-content/uploads/fonts/SpaceGrotesk-latin-ext-v1.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('/wp-content/uploads/fonts/IBMPlexMono-Medium-latin-v1.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:600;font-display:swap;src:url('/wp-content/uploads/fonts/IBMPlexMono-SemiBold-latin-v1.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}


:root{
  --rt-red:#0a84ff; --rt-red-deep:#0670dc; --rt-red-glow:rgba(10,132,255,.4);
  --rt-bg:#050505; --rt-card:#0b0b0d; --rt-border:rgba(255,255,255,.1);
  --rt-white:#fff; --rt-mut:rgba(255,255,255,.5);
  --rt-app-font:'Space Grotesk','Rubik',system-ui,sans-serif;
  --rt-ease:cubic-bezier(.16,1,.3,1);
}

/* Universal website font = Space Grotesk (no !important so icon fonts keep their glyphs) */
body,p,a,span,li,ul,ol,h1,h2,h3,h4,h5,h6,button,input,select,textarea,label,td,th,blockquote,summary,figcaption,.menu-item{
  font-family:var(--rt-app-font);
}

/* Numbers = IBM Plex Mono, tabular (not the 404 hero: the dotted 0 looks odd that large). html body :is() + !important: wp-custom forces the UI font on span/div !important and .rt-master-wrapper * forces inherit !important, both at one class. */
html body :is(.rtma-amt,.rt-cart-item-price,.rtma-key,.rtma-codes li,.rt-view-count-num,.rt-like-count,.rt-sc-num,.rt-mt-stepnum,.rt-bench-val,.rip-stat-value,.rt-step-counter,.rt-pill-date,.rt-amount,.rt-prem-amt){font-family:'IBM Plex Mono','Space Grotesk','Rubik',ui-monospace,Consolas,monospace!important;font-variant-numeric:tabular-nums;font-weight:600;font-style:normal!important;}
/* Big plan prices: the kit tightens the mono so "6.99" does not gap at the dot. */
html body :is(.rt-amount,.rt-prem-amt){letter-spacing:-.04em!important;}

/* Shared components for page unity */
.rt-card{background:var(--rt-card);border:1px solid var(--rt-border);border-radius:18px;box-shadow:0 14px 40px rgba(0,0,0,.4);transition:transform .28s var(--rt-ease),border-color .28s ease,box-shadow .28s ease;}
.rt-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.18);box-shadow:0 18px 50px rgba(0,0,0,.55);}
.rt-divider{height:1px;background:var(--rt-border);border:0;margin:0;}
.rt-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:13px;font-weight:800;font-family:var(--rt-app-font);text-decoration:none;border:1px solid transparent;cursor:pointer;transition:all .15s ease;}
.rt-btn--red{background:var(--rt-red);color:#fff;}
.rt-btn--red:hover{background:var(--rt-red-deep);transform:translateY(-1px);color:#fff;}
.rt-btn--ghost{background:rgba(255,255,255,.04);color:#fff;border-color:rgba(255,255,255,.18);}
.rt-btn--ghost:hover{border-color:var(--rt-red);background:rgba(10,132,255,.08);color:#fff;}

/* ===== PREMIUM MOTION LAYER (added 2026-06-29) ===== */
/* Smooth scroll (Lenis) base styles */
html.lenis,html.lenis body{height:auto;}
.lenis.lenis-smooth{scroll-behavior:auto !important;}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain;}
.lenis.lenis-stopped{overflow:hidden;}
.lenis.lenis-smooth iframe{pointer-events:none;}

/* Scroll reveal — JS-gated (html.rt-anim) so a cold load is NEVER blank; soft blur-in + slower easing */
html.rt-anim .rt-reveal,html.rt-anim .rt-reveal-scale,html.rt-anim .rt-reveal-left,html.rt-anim .rt-reveal-right{opacity:0;filter:blur(8px);transition:opacity 1s var(--rt-ease),transform 1.15s var(--rt-ease),filter 1s var(--rt-ease);will-change:opacity,transform,filter;}
html.rt-anim .rt-reveal{transform:translateY(34px);}
html.rt-anim .rt-reveal-scale{transform:translateY(26px) scale(.96);}
html.rt-anim .rt-reveal-left{transform:translateX(-42px);}
html.rt-anim .rt-reveal-right{transform:translateX(42px);}
html.rt-anim .rt-reveal.is-visible,html.rt-anim .rt-reveal-scale.is-visible,html.rt-anim .rt-reveal-left.is-visible,html.rt-anim .rt-reveal-right.is-visible{opacity:1;transform:none;filter:blur(0);}
html.rt-anim .rt-reveal-d1{transition-delay:.1s;}
html.rt-anim .rt-reveal-d2{transition-delay:.2s;}
html.rt-anim .rt-reveal-d3{transition-delay:.3s;}
html.rt-anim .rt-reveal-d4{transition-delay:.4s;}
html.rt-anim .rt-reveal-d5{transition-delay:.5s;}
html.rt-anim .rt-reveal-d6{transition-delay:.6s;}

/* Frosted glass on the custom header pill once scrolled (enhances its existing .header-scrolling state, which only darkened before) */
.rt-custom-header{transition:background .35s var(--rt-ease),backdrop-filter .35s var(--rt-ease),box-shadow .35s ease,border-color .35s ease;}
.rt-custom-header.header-scrolling{background:rgba(10,10,10,.55)!important;-webkit-backdrop-filter:blur(16px) saturate(1.15);backdrop-filter:blur(16px) saturate(1.15);box-shadow:0 12px 34px rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.06);}

/* Fix: support hub hero must clear the floating custom header (85px tall, 30px from top) so it never overlaps the title at the top of the page */
.rt-support-hub .rt-hub-hero{padding-top:150px;}
@media(max-width:768px){.rt-support-hub .rt-hub-hero{padding-top:120px;}}

/* Mobile: keep the motion, drop the blur to protect performance */
@media(max-width:768px){
  html.rt-anim .rt-reveal,html.rt-anim .rt-reveal-scale,html.rt-anim .rt-reveal-left,html.rt-anim .rt-reveal-right{filter:none!important;transition:opacity .8s var(--rt-ease),transform .8s var(--rt-ease);}
  html{scroll-behavior:smooth;}
}
@media(min-width:769px) and (max-width:1024px){html{scroll-behavior:smooth;}}

/* Smooth FAQ accordion */
details>summary{cursor:pointer;}
details.rt-anim-faq>summary + *{overflow:hidden;transition:height .32s var(--rt-ease),opacity .3s ease;will-change:height;}

@media(prefers-reduced-motion:reduce){
  html.rt-anim .rt-reveal,html.rt-anim .rt-reveal-scale,html.rt-anim .rt-reveal-left,html.rt-anim .rt-reveal-right{opacity:1!important;transform:none!important;filter:none!important;transition:none!important;}
  html{scroll-behavior:auto!important;}
}

/* ============================================================================
   RIP Tweaks - mobile and long-language layout pass
   Loaded sitewide by rt-0-i18n.php, last, so it can correct the Customizer CSS.

   Written against three established rules rather than taste:
     - 8pt spacing grid (all spacing a multiple of 4)
     - a modular type scale, fluid via clamp() so one rule serves every
       language instead of a fixed size that only suits English
     - 44x44 CSS px minimum touch target (Apple HIG / WCAG 2.5.5)

   Baseline for every measurement in the comments: iPhone 14 Pro, 393x852.
   ========================================================================= */

/* ==========================================================================
   1. THE TOP GAP THAT AFFECTED EVERY PAGE
   `body { padding-top: 140px }` exists to clear the fixed header. On mobile
   the header occupies 12px offset + 69px height = 81px, so 140px left about
   60px of dead space at the top of every page in every language. That is the
   "massive gap from top" on ~98% of pages.
   ========================================================================== */
@media (max-width: 900px) {
    /* `html body` outranks the Customizer's plain `body` selector. Equal
       specificity would lose on document order: its inline <style> is
       printed after our <link>. */
    html body { padding-top: calc(146px + env(safe-area-inset-top, 0px)) !important; }
}
@media (max-width: 480px) {
    html body { padding-top: calc(140px + env(safe-area-inset-top, 0px)) !important; }
}

/* Hero sections then add their own padding on top of that. Halve it. */
@media (max-width: 900px) {
    html body .rt-hub-hero { padding-top: 16px !important; padding-bottom: 20px !important; }
    .rt-support-hub { padding-bottom: 48px !important; }
    .rt-prem-wrap { padding-top: 92px !important; padding-bottom: 56px !important; margin-top: 0 !important; }
    .rt-hub-section { margin-top: 32px !important; }
    .rt-support-header { padding-top: 8px !important; }
}

/* ==========================================================================
   2. THE CLIPPING BUG
   The Customizer forces `width:100vw !important` on .inside-article, which
   sits inside a column padded 15px each side. Every article was therefore
   30px wider than its container and the right edge of every line was cut off.
   ========================================================================== */
html body .inside-article { width: auto !important; max-width: 100% !important; }
html, html body { max-width: 100%; overflow-x: hidden; }

/* ==========================================================================
   3. TYPE SCALE
   Everything read "too big" on a phone because the desktop sizes were being
   used unchanged. These are fluid, so German and French shrink to fit instead
   of wrapping onto five or six lines.
   ========================================================================== */
@media (max-width: 900px) {
    h1, .rt-prem-title, .rt-support-h1, .rt-hub-hero h1 {
        font-size: clamp(26px, 7.6vw, 38px) !important;
        line-height: 1.14 !important;
        letter-spacing: -.01em;
        text-wrap: balance;          /* stops "&" being orphaned on its own line */
        overflow-wrap: break-word;
        hyphens: auto;
        margin-bottom: 12px !important;
    }
    h2, .rt-hub-section-title { font-size: clamp(20px, 5.6vw, 27px) !important; line-height: 1.2 !important; }
    h3 { font-size: clamp(17px, 4.6vw, 21px) !important; line-height: 1.25 !important; }
    h4 { font-size: clamp(15px, 4vw, 18px) !important; }

    .rt-hub-hero p, .rt-prem-sub, .rt-hero-sub {
        font-size: clamp(14.5px, 4vw, 17px) !important;
        line-height: 1.5 !important;
    }
    body, p, li { font-size: 16px; line-height: 1.6; }
    p, li, td, th, dd, dt, figcaption, blockquote { overflow-wrap: anywhere; }

    /* Section eyebrow labels were nearly as loud as the headings. */
    .rt-hub-section-title, .rt-pop-title, [class*="eyebrow"] {
        letter-spacing: .04em !important;
    }
}

/* ==========================================================================
   4. MEDIA
   ========================================================================== */
img, video, iframe, canvas { max-width: 100%; height: auto; }
.entry-content img, .rt-article-body img { border-radius: 10px; }

@media (max-width: 900px) {
    /* Tables cannot wrap, so give them their own scroller instead of letting
       them stretch the page. The pricing table was unreadable because it was
       being squeezed into 363px. */
    .entry-content table, .rt-article-body table {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        font-size: 14px;
        border-collapse: collapse;
    }
    .entry-content table th,
    .entry-content table td { padding: 10px 12px !important; }
    .entry-content pre { display: block; width: 100%; overflow-x: auto; }
}

/* ==========================================================================
   5. THE BEFORE / AFTER LATENCY CHART
   The legend was absolutely positioned over the plot, so on a narrow screen
   "AVANT 17 MS" and "APRES RIP TWEAKS 2 MS" sat on top of the lines. Put the
   legend above the chart and let it wrap.
   ========================================================================== */
@media (max-width: 900px) {
    .rt-chart-card, .rt-graph-card, [class*="chart"] > [class*="legend"] {
        position: static !important;
    }
    .rt-chart-legend, [class*="chart-legend"], [class*="graph-legend"] {
        position: static !important;
        display: flex !important;
        flex-wrap: wrap;
        gap: 6px 14px;
        margin: 0 0 12px !important;
        font-size: 12.5px !important;
        line-height: 1.3;
    }
    .rt-chart-card svg, .rt-graph-card svg { display: block; width: 100%; height: auto; }
}

/* ==========================================================================
   6. HEADER
   ========================================================================== */
@media (max-width: 900px) {
    .rt-custom-header {
        height: auto !important;
        min-height: 88px;
        padding: 14px 18px !important;
        /* Sat too close to the top edge at 10px. env(safe-area-inset-top) is
           0 on a normal viewport and only contributes on a notch/Dynamic
           Island device that renders edge to edge, so this cannot double up. */
        top: calc(38px + env(safe-area-inset-top, 0px)) !important;
        width: calc(100% - 20px) !important;
    }
    .rt-header-left { gap: 10px !important; min-width: 0; }
    .rt-header-logo img { max-height: 74px; width: auto; }
    /* The full nav lives in the hamburger on mobile. Leaving the inline list
       in the DOM only made it compete with the logo and the picker. */
    .rt-header-nav { display: none !important; }
}

/* The mobile menu items were ~40px tall each, which is why "Premium /
   Download / Resources / How it Works" filled the whole screen. */
@media (max-width: 900px) {
    .rt-mobile-menu-panel > li > a,
    .rt-mobile-menu-panel > li > summary,
    .rt-mobile-resources-group > summary {
        font-size: 19px !important;
        padding: 13px 4px !important;
        line-height: 1.2 !important;
        min-height: 44px;             /* still a comfortable touch target */
        display: flex;
        align-items: center;
    }
    .rt-mobile-menu-panel { gap: 0 !important; padding: 8px 16px !important; }
    .rt-mobile-menu-panel ul a { font-size: 16px !important; padding: 10px 4px !important; }
}

/* ==========================================================================
   7. THE PRODUCT PICKER (RIP vs AIM)
   ========================================================================== */
@media (max-width: 900px) {
    .rtp-grid, .rt-support-choice { grid-template-columns: 1fr !important; gap: 12px !important; }
    .rtp-card, .rt-choice-card {
        padding: 18px 16px !important;
        border-radius: 16px !important;
        overflow: hidden;   /* keeps the gradient inside the rounded corners */
        min-width: 0;       /* a grid child defaults to min-width:auto and
                               then refuses to shrink below its content */
    }
    .rtp-card h2, .rtp-card h3 { font-size: 19px !important; margin-bottom: 6px !important; }
    .rtp-card p { font-size: 14px !important; line-height: 1.5 !important; margin-bottom: 12px !important; }
    .rtp-title { font-size: clamp(21px, 6vw, 28px) !important; line-height: 1.15 !important; }
    .rtp-sub { font-size: 14.5px !important; }
    .rtp-modal, .rtp-panel {
        width: calc(100% - 24px) !important;
        max-width: none !important;
        margin: 12px !important;
        max-height: 88vh;
        overflow-y: auto;
        padding: 22px 18px !important;
    }
    .rtp-ico, .rt-choice-icon { width: 42px !important; height: 42px !important; }
}

/* The RIP/AIM swap pill belongs on the support hub, where you are choosing a
   product. On an individual article you have already chosen, so it was just
   noise under every single title. */
@media (max-width: 900px) {
    body.single-post .rtp-swap-bar,
    body.rt-support-article .rtp-swap-bar { display: none !important; }
}

/* ==========================================================================
   8. SEARCH
   The placeholder was being cut off mid-word ("Search for guides, errors, or
   featu"). Smaller text plus a real ellipsis is better than a clipped word.
   ========================================================================== */
@media (max-width: 900px) {
    .rt-hub-search input, .rt-hub-search { font-size: 15px !important; }
    .rt-hub-search input {
        text-overflow: ellipsis;
        padding-right: 14px !important;
    }
    .rt-hub-kbd { display: none !important; }   /* the "/" hint is desktop only */
}

/* ==========================================================================
   9. FOOTER + CHAT BUBBLE
   The Ripple bubble is fixed bottom-right and was sitting on top of table
   cells and card links. Give the page a little bottom padding so the last
   element is never underneath it.
   ========================================================================== */
@media (max-width: 900px) {
    .rt-footer-wrapper { padding-left: 16px !important; padding-right: 16px !important; }
    .rt-footer-container, .rt-footer-grid { grid-template-columns: 1fr 1fr !important; gap: 20px !important; }
    .site-info, .copyright-bar { text-align: center; padding: 0 16px; }
    html body { padding-bottom: 84px; }
    #rt-ripple-root .rt-ripple-launcher,
    [id*="ripple"] [class*="launcher"] { transform: scale(.88); transform-origin: bottom right; }
}

/* ==========================================================================
   10. TOUCH TARGETS (WCAG 2.5.5 / Apple HIG)
   ========================================================================== */
@media (max-width: 900px) {
    .rt-lang-btn, .rt-hamburger, .rt-header-download-btn,
    .rtp-go, .rt-btn-main, .rt-pop-card, .rt-hub-card a { min-height: 44px; }
    /* ⚠️ NO min-height here. A min-height of 36px silently overrode the 30px
       height set in section 13 and the "circle" rendered 30 wide x 36 tall,
       i.e. an oval. The button is deliberately smaller than 44px: it sits in a
       64px header with 10px padding all round, so the tap area is comfortable
       without inflating the control. */
}

/* ==========================================================================
   11. TABLET / NARROW DESKTOP
   Between 900px and 1180px the article grid kept its 860px + 260px columns,
   which squeezed the "On this page" rail until its text was clipped.
   ========================================================================== */
@media (max-width: 1180px) {
    .rt-article-grid { grid-template-columns: minmax(0, 1fr) !important; }
    .rt-article-toc, .rt-toc-rail, .rt-article-aside { display: none !important; }
}

/* ==========================================================================
   12. SPECIFICITY OVERRIDES
   The Customizer CSS is an inline <style> printed AFTER our <link>, so at
   equal specificity it always wins on document order. These selectors are
   matched to the exact rules that were beating the section above:
     .rt-support-hub .rt-hub-hero { padding-top:48px !important }   (0,2,0)
     .rt-hub-hero h1 { font-size:42px !important } @max-width:650px (0,1,1)
   Each override below is deliberately one step more specific than its target.
   ========================================================================== */
@media (max-width: 900px) {
    html body .rt-support-hub .rt-hub-hero {
        padding-top: 16px !important;
        padding-bottom: 20px !important;
    }
    html body .rt-hub-hero h1,
    html body .rt-support-hub h1,
    html body .rt-support-article .rt-support-h1,
    html body .rt-prem-wrap .rt-prem-title {
        font-size: clamp(29px, 8.8vw, 40px) !important;
        line-height: 1.14 !important;
        margin-bottom: 12px !important;
    }
    html body .rt-hub-hero p,
    html body .rt-prem-wrap .rt-prem-sub {
        font-size: clamp(14.5px, 4vw, 16.5px) !important;
        line-height: 1.5 !important;
    }
    /* The homepage pricing cards and hero read oversized for the same reason. */
    html body .rt-prem-card .rt-prem-plan { font-size: clamp(20px, 5.4vw, 26px) !important; }
    html body .rt-prem-card .rt-prem-amount,
    html body .rt-prem-price { font-size: clamp(30px, 9vw, 44px) !important; line-height: 1.05 !important; }
    html body .rt-prem-card { padding: 20px 18px !important; }
}

/* ==========================================================================
   13. HEADER PROPORTIONS ON MOBILE
   Leon's read: the header is small in scale, the logo is too small, the
   language picker is too big for it, and the hamburger is smaller again.
   Three different sizes competing in one 56px bar. Give the bar more height
   and put the three controls on a consistent scale.
   ========================================================================== */
@media (max-width: 900px) {
    html body .rt-custom-header {
        min-height: 76px;
        padding: 12px 18px !important;
    }
    /* Logo up from 30px. It is the brand, it should not be the smallest thing
       in the bar. */
    html body .rt-header-logo img { max-height: 74px !important; }

    /* Picker down from 36px so it stops dominating the logo.
       Every axis is pinned: a stray min-height elsewhere in this file already
       turned it into an oval once. */
    html body .rt-lang-btn {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        max-width: 28px !important;
        min-height: 28px !important;
        max-height: 28px !important;
        flex: 0 0 28px !important;
        align-self: center !important;
        aspect-ratio: 1 / 1 !important;
    }
    html body .rt-lang-btn .rt-lang-flag { width: 100% !important; height: 100% !important; }

    /* Hamburger up to match, 44px touch target.
       ⚠️ Do NOT re-declare display/flex-direction here. Forcing the button to
       a flex column turned its three <span> bars into flex items that
       collapsed to height:0, so the box was present and tappable but the
       lines were invisible. Size the button, and give the bars an explicit
       flex-basis so nothing can shrink them away. */
    html body .rt-hamburger {
        width: 44px !important;
        height: 44px !important;
        padding: 0 !important;
    }
    html body .rt-hamburger span {
        width: 26px !important;
        height: 2.5px !important;
        min-height: 2.5px !important;
        flex: 0 0 2.5px !important;
        border-radius: 2px;
    }
    html body .rt-header-right, html body .rt-header-actions { gap: 12px !important; align-items: center; }
}

/* ==========================================================================
   14. NO GREY FLASH ON TAP
   Mobile browsers paint a grey/blue box behind a tapped control, and the
   hamburger also kept a grey background after the tap because it holds focus.
   Kill the highlight and only show a focus ring for KEYBOARD users
   (:focus-visible), which is the accessible behaviour.
   ========================================================================== */
a, button, summary, [role="button"], .rt-hamburger, .rt-lang-btn, .rt-lang-item {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
}
.rt-hamburger:focus, .rt-hamburger:active,
.rt-lang-btn:focus, .rt-lang-btn:active {
    background: transparent !important;
    outline: none !important;
    box-shadow: none !important;
}
.rt-hamburger:focus-visible, .rt-lang-btn:focus-visible {
    outline: 2px solid rgba(255,255,255,.55) !important;
    outline-offset: 2px;
}

/* ==========================================================================
   15. DOWNLOAD PAGE
   It was the only main page still laid out edge to edge: the hero copy and
   the download card both ran into the screen edges with no gutter, which is
   what made it read as older than the rest of the site. Give it the same
   gutter, card treatment and rhythm the homepage uses.
   ========================================================================== */
@media (max-width: 900px) {
    html body .rt-smart-dl-wrapper {
        padding: 8px 16px 48px !important;
        max-width: 100% !important;
    }
    html body .rt-smart-dl-wrapper > h1,
    html body .rt-smart-dl-wrapper > p { padding: 0 !important; }

    /* The download card: match the homepage pricing cards. */
    html body .rt-dl-card,
    html body .rt-smart-dl-wrapper > div[class*="card"],
    html body .rt-dl-box {
        border-radius: 18px !important;
        padding: 22px 18px !important;
        border: 1px solid rgba(255,255,255,.10) !important;
        background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)) !important;
    }

    /* The primary button was full-bleed and very tall. */
    html body .rt-dl-btn,
    html body .rt-smart-dl-wrapper a[class*="btn"],
    html body .rt-smart-dl-wrapper button[class*="btn"] {
        padding: 16px 20px !important;
        font-size: 17px !important;
        border-radius: 12px !important;
        min-height: 52px;
    }

    /* Trust row: three ticks stacked awkwardly 2 + 1. Let them flow evenly. */
    html body .rt-dl-trust,
    html body .rt-smart-dl-wrapper [class*="trust"] {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px 16px !important;
        font-size: 13.5px !important;
    }

    /* Kill the dead vertical space between the card and the setup-guide line. */
    html body .rt-smart-dl-wrapper > * + * { margin-top: 16px !important; }
}

/* ==========================================================================
   16. FOOTER, COMPACT ON MOBILE
   Measured before: 1,149px tall, 1.35 screens, and that was AFTER a first
   attempt that targeted the wrong element. The real structure is
     .rt-footer-container > .rt-footer-main + .rt-footer-trust + .rt-footer-bottom
   with the link columns inside .rt-footer-main, not the container. The bloat
   was `margin-bottom: 25px` and a 50px line box on every single link, plus a
   923px trust block.
   ========================================================================== */
@media (max-width: 900px) {
    html body .rt-footer-wrapper { padding: 26px 16px 18px !important; }

    /* Two columns of links instead of one long ribbon. */
    html body .rt-footer-main {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 22px 14px !important;
        align-items: start;
    }
    /* The brand blurb spans both columns and sits first. */
    html body .rt-footer-brand-col { grid-column: 1 / -1; margin-bottom: 2px; }

    html body .rt-footer-col { text-align: start !important; min-width: 0; }
    html body .rt-footer-title {
        font-size: 11.5px !important;
        letter-spacing: .09em !important;
        margin: 0 0 6px !important;
        opacity: .6;
    }
    /* 50px tall + 25px margin per link was the whole problem: 75px per row. */
    html body .rt-footer-col a,
    html body .rt-footer-main .rt-footer-col a {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
        font-size: 14px !important;
        line-height: 1.3 !important;
        padding: 5px 0 !important;
        margin: 0 !important;
    }

    /* Trust block measured 923px on its own. Stack it tightly. */
    html body .rt-footer-trust {
        display: block !important;
        margin-top: 20px !important;
        padding-top: 16px !important;
    }
    html body .rt-trust-left, html body .rt-trust-right { width: 100% !important; margin: 0 0 12px !important; }
    html body .rt-footer-trust img { max-height: 24px !important; width: auto !important; }
    html body .rt-footer-trust [class*="pay"] {
        display: flex !important; flex-wrap: wrap; gap: 6px !important; justify-content: flex-start;
    }

    html body .rt-footer-bottom {
        display: flex !important; flex-direction: column; align-items: center;
        gap: 12px !important; margin-top: 16px !important; padding-top: 14px !important;
    }
    html body .rt-copyright { font-size: 12.5px !important; text-align: center; }
    html body .rt-socials { gap: 20px !important; }
    html body .rt-socials svg { width: 19px !important; height: 19px !important; }
}

/* Footer, second pass. Measured after the first: .rt-footer-main was still
   659px because the three link columns were stacking 2 + 1 in a two-column
   grid, and the brand blurb alone was 136px.
   Brand spans the full width, the three link columns share ONE row. */
@media (max-width: 900px) {
    html body .rt-footer-main {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 18px 10px !important;
    }
    html body .rt-footer-brand-col { grid-column: 1 / -1; }
    html body .rt-brand-desc {
        font-size: 13px !important;
        line-height: 1.45 !important;
        margin: 8px 0 12px !important;
    }
    html body .rt-footer-brand-col .rt-download-btn {
        padding: 11px 18px !important;
        font-size: 14px !important;
        min-height: 44px;
    }
    html body .rt-footer-col a { font-size: 13px !important; padding: 4px 0 !important; }
    html body .rt-footer-list { margin: 0 !important; padding: 0 !important; }
}
/* Below 380px three columns get too tight for "Manage Subscription", so drop
   back to two rather than shredding the words. */
@media (max-width: 379px) {
    html body .rt-footer-main { grid-template-columns: 1fr 1fr !important; }
}

/* ==========================================================================
   17. THE HOMEPAGE HERO
   `.rt-hero-manual` carries padding-top: 250px on desktop and 180px under
   768px. That is the ~165px of dead space between the header and the headline
   that kept coming back on the main page: none of the earlier rules touched
   this class, they only handled .rt-hub-hero and .rt-prem-wrap.
   Scanned every hero/hub/wrapper class across 8 pages to be sure this is the
   last one over 80px.
   ========================================================================== */
@media (max-width: 900px) {
    html body .rt-hero-manual {
        padding-top: 24px !important;
        padding-bottom: 32px !important;
        min-height: 0 !important;
    }
    html body .rt-master-wrapper { min-height: 0 !important; margin-top: 0 !important; }
}
/* ⚠️ DESKTOP KEEPS ITS BREATHING ROOM. Leon was explicit: the top space is
   wanted on desktop and only wrong on mobile. An earlier version of this file
   trimmed the desktop hero to 150px, which was not asked for. Reverted. */


/* --- 1. GLOBAL FONT INJECTION --- */


body, h1, h2, h3, h4, h5, h6, p, a, span, div, button, input {
  font-family: 'Space Grotesk','Rubik', sans-serif !important;
}

/* --- 2. BAREBONES THEME STRIPPER --- */
/* Hide Page Titles (e.g. "Pricing", "Home") */
.entry-header { display: none !important; }

/* Hide default GeneratePress Logo/Title to make room for your custom HTML */
.site-branding, .site-logo { display: none !important; }

/* Remove all white padding and force edge-to-edge dark background */
body, .site, .site-content, #page, .inside-article {
  background-color: #050505 !important;
  padding: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
}

/* Remove default container restrictions */
.container.grid-container {
  max-width: 100% !important;
  padding: 0 !important;
}

/* --- 1. GLOBAL FONT & VISIBILITY FIX --- */



/* Force global text to white and apply font */
body, h1, h2, h3, h4, h5, h6, p, a, span, div, button, input {
  font-family: 'Space Grotesk','Rubik', sans-serif !important;
  color: #ffffff; 
}

/* --- 2. BAREBONES THEME STRIPPER --- */
/* Hide default theme text and titles */
.entry-header, .site-branding, .site-logo, .site-info { display: none !important; }

/* Force absolute full-width dark background */
body, .site, .site-content, #page, .inside-article {
  background-color: #050505 !important;
  padding: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
  width: 100vw !important;
  overflow-x: hidden !important;
}

/* Kill all GeneratePress container borders/margins */
.container, .grid-container, .site-main {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* --- 3. FREE THE HEADER (Fix the crooked top) --- */
.header-widget {
  float: none !important;
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 auto !important;
  text-align: center !important;
}
.inside-header {
  padding: 0 !important;
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
}

/* --- 4. FREE THE FOOTER (Fix the squished bottom) --- */
.footer-widgets, .site-footer {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}
.footer-widgets-container .inside-footer-widgets {
  margin: 0 !important;
}
.footer-widget-1 {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  margin: 0 !important;
}

/* ============================================================================
   RIP Tweaks - unified visual theme
   Loaded last, after rt-mobile.css.

   WHY THIS FILE EXISTS
   An audit of 7 pages found the same component re-invented on every page:
     FAQ / accordion   4 implementations  rt-faq-*, rt-dl-faq-*, rt-prem-faq-*,
                                          and 64 bare <details> on /faq/
     cards             9 classes          rt-price-card, rt-benchmark-card,
                                          rt-safety-card, rt-dl-action-card,
                                          rt-prem-card, rt-mn-card, rt-hiw-card,
                                          rt-pop-card, rt-res-card
     buttons          11 classes          rt-hero-cta, rt-mega-download-btn,
                                          rt-purchase-btn, rt-faq-cta-btn,
                                          rt-dl-btn, rt-dl-support-btn, rtf-btn,
                                          rt-mn-btn, rt-hiw-cta, rt-prem-btn,
                                          rt-hub-contact-btn
     section titles    one bespoke class per page
   Each looked slightly different, which is exactly why the site reads as a set
   of unrelated pages rather than one product.

   The markup is NOT rewritten. Every existing variant is mapped onto one set
   of tokens, so the change is purely visual and fully reversible by deleting
   this file. Values are taken from the desktop app, which Leon considers the
   reference for the brand.
   ========================================================================= */

:root {
    /* surface */
    --rt-bg:            #050505;
    --rt-surface:       rgba(255,255,255,.035);
    --rt-surface-2:     rgba(255,255,255,.012);
    --rt-border:        rgba(255,255,255,.065);
    --rt-border-strong: rgba(255,255,255,.12);
    --rt-card-bg:       #0b0b0d;

    /* 2026-10 kit (V6/brand/DESIGN-SYSTEM.md): blue, hover lighter, press deeper */
    --rt-blue:   #0a84ff;
    --rt-blue-h: #3395ff;
    --rt-blue-p: #0670dc;
    --rt-glow:   0 6px 22px -6px rgba(10,132,255,.75), inset 0 1px 0 rgba(255,255,255,.18);
    --rt-glow-h: 0 8px 30px -4px rgba(10,132,255,.95), inset 0 1px 0 rgba(255,255,255,.2);
    --rt-mono:   'IBM Plex Mono','Space Grotesk','Rubik',ui-monospace,Consolas,monospace;

    /* ink */
    --rt-ink:      #ffffff;
    --rt-ink-mid:  rgba(255,255,255,.62);
    --rt-ink-dim:  rgba(255,255,255,.42);

    /* brand */
    --rt-red:      #0a84ff;
    --rt-red-deep: #0670dc;
    --rt-red-soft: rgba(10,132,255,.12);

    /* radius: three steps, nothing else */
    --rt-r-sm: 10px;
    --rt-r-md: 14px;
    --rt-r-lg: 18px;
    --rt-r-pill: 999px;

    /* spacing, 4pt grid */
    --rt-s1: 4px;  --rt-s2: 8px;  --rt-s3: 12px; --rt-s4: 16px;
    --rt-s5: 24px; --rt-s6: 32px; --rt-s7: 48px; --rt-s8: 64px;

    --rt-ease: cubic-bezier(.16, 1, .3, 1);
}

/* ==========================================================================
   1. ONE CARD
   ========================================================================== */
.rt-price-card, .rt-benchmark-card, .rt-safety-card, .rt-visual-panel,
.rt-dl-action-card, .rt-prem-card, .rt-mn-card, .rt-hiw-card,
.rt-pop-card, .rt-res-card, .rt-cart-summary-box, .rt-hub-card {
    background: var(--rt-card-bg) !important;
    border: 1px solid var(--rt-border) !important;
    border-radius: var(--rt-r-md) !important;
    transition: border-color .22s var(--rt-ease), transform .22s var(--rt-ease),
                background .22s var(--rt-ease) !important;
}
/* One hover behaviour, not five. */
@media (hover: hover) {
    .rt-price-card:hover, .rt-benchmark-card:hover, .rt-safety-card:hover,
    .rt-dl-action-card:hover, .rt-prem-card:hover, .rt-mn-card:hover,
    .rt-hiw-card:hover, .rt-pop-card:hover, .rt-res-card:hover {
        border-color: var(--rt-border-strong) !important;
        transform: translateY(-2px);
    }
}
/* The one card that should stand out keeps the blue edge (+ the kit's soft glow). */
.rt-price-card.is-featured, .rt-prem-card.feat, .rt-mt-card.feat, .rt-card-extreme {
    border-color: rgba(10,132,255,.55) !important;
    background: linear-gradient(180deg, rgba(10,132,255,.08), transparent 40%), var(--rt-card-bg) !important;
    box-shadow: 0 0 0 1px rgba(10,132,255,.25), 0 30px 80px -30px rgba(10,132,255,.6) !important;
}

/* ==========================================================================
   2. ONE BUTTON SYSTEM (the 2026-10 kit)
   Primary = solid blue with a glow, lighter on hover, deeper on press.
   Secondary = hairline outline. One radius, one weight, sentence case (the
   labels are written that way; only CSS shouted them).
   Specificity does the variant work: a featured-card / .primary button always
   out-specifies the plain secondary class, and every ghost variant comes after.
   ========================================================================== */
.rt-mega-download-btn, .rt-purchase-btn, .rt-faq-cta-btn, .rt-dl-btn, .rtf-btn,
.rt-prem-btn, .rt-mt-btn, .rt-sc-btn, .rt-header-download-btn, .rt-download-btn,
.rt-btn-main, .rt-404-btn-primary, .rt-prem-success-btn, .rt-dl-support-btn, #rt-loadmore-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: var(--rt-s2);
    border-radius: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    line-height: 1.2 !important;
    border: 1px solid transparent !important;
    transition: transform .16s var(--rt-ease), box-shadow .22s var(--rt-ease),
                background .22s var(--rt-ease) !important;
}
/* sizes: lg 48 / hero 54 / header 40 (min-height, so a long label can wrap) */
.rt-purchase-btn, .rt-faq-cta-btn, .rtf-btn, .rt-prem-btn, .rt-mt-btn, .rt-sc-btn,
.rt-download-btn, .rt-btn-main, .rt-404-btn-primary, .rt-prem-success-btn,
.rt-dl-support-btn, #rt-loadmore-btn {
    min-height: 48px; padding: 10px 24px !important; font-size: 15.5px !important;
}
.rt-mega-download-btn, .rt-dl-btn {
    min-height: 54px; padding: 12px 28px !important; font-size: 16.5px !important; border-radius: 12px !important;
}
.rt-header-download-btn { min-height: 42px; padding: 0 20px !important; font-size: 14.5px !important; }

/* primary */
.rt-mega-download-btn, .rt-dl-btn, .rt-faq-cta-btn, .rtf-btn, .rt-sc-btn,
.rt-header-download-btn, .rt-download-btn, .rt-btn-main:not(:disabled), .rt-404-btn-primary, #rt-loadmore-btn:not(:disabled),
.rt-card-extreme .rt-purchase-btn, .rt-prem-card.feat .rt-prem-btn, .rt-mt-card.feat .rt-mt-btn,
.rt-prem-success-btn.primary {
    background: var(--rt-blue) !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: var(--rt-glow) !important;
}
.rt-mega-download-btn:hover, .rt-dl-btn:hover, .rt-faq-cta-btn:hover, .rtf-btn:hover, .rt-sc-btn:hover,
.rt-header-download-btn:hover, .rt-download-btn:hover, .rt-btn-main:not(:disabled):hover, .rt-404-btn-primary:hover, #rt-loadmore-btn:not(:disabled):hover,
.rt-card-extreme .rt-purchase-btn:hover, .rt-prem-card.feat .rt-prem-btn:hover, .rt-mt-card.feat .rt-mt-btn:hover,
.rt-prem-success-btn.primary:hover {
    background: var(--rt-blue-h) !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: var(--rt-glow-h) !important;
}
.rt-mega-download-btn:active, .rt-dl-btn:active, .rt-faq-cta-btn:active, .rtf-btn:active, .rt-sc-btn:active,
.rt-header-download-btn:active, .rt-download-btn:active, .rt-btn-main:not(:disabled):active, .rt-404-btn-primary:active,
.rt-card-extreme .rt-purchase-btn:active, .rt-prem-card.feat .rt-prem-btn:active, .rt-mt-card.feat .rt-mt-btn:active,
.rt-prem-success-btn.primary:active {
    background: var(--rt-blue-p) !important;
    transform: scale(.985);
}

/* Secondary / ghost buttons share one outline treatment (after the primaries on purpose). */
.rt-purchase-btn, .rt-prem-btn, .rt-mt-btn, .rt-prem-success-btn, .rt-sc-btn.ghost,
.rt-dl-support-btn, .rt-hub-contact-btn, .rt-faq-cta-btn.is-ghost, .rt-discord-btn {
    background: rgba(255,255,255,.015) !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    color: var(--rt-ink) !important;
    box-shadow: none !important;
    border-radius: 11px !important;
    font-weight: 600 !important;
}
@media (hover: hover) {
    .rt-purchase-btn:hover, .rt-prem-btn:hover, .rt-mt-btn:hover, .rt-prem-success-btn:hover, .rt-sc-btn.ghost:hover,
    .rt-dl-support-btn:hover, .rt-hub-contact-btn:hover, .rt-faq-cta-btn.is-ghost:hover, .rt-discord-btn:hover {
        background: rgba(255,255,255,.05) !important;
        border-color: rgba(255,255,255,.22) !important;
        color: var(--rt-ink) !important;
        box-shadow: none !important;
    }
}
/* The support hub's e-mail button is painted blue inline by the product picker: no white outline on it. */
.rt-hub-contact-btn.rt-cbtn-email { border-color: transparent !important; }

/* Badges on the featured plan = the kit's "Best value" chip. */
.rt-badge, .rt-prem-badge {
    background: var(--rt-blue) !important;
    color: #fff !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    letter-spacing: .04em !important;
    box-shadow: 0 0 18px rgba(10,132,255,.8) !important;
}

/* ==========================================================================
   3. ONE SECTION HEADING
   Every page had its own title class at its own size. They now share a scale
   and an eyebrow treatment.
   ========================================================================== */
.rt-pricing-title, .rt-latency-title, .rt-faq-title, .rt-dl-faq-title,
.rt-prem-cmp-title, .rt-mn-title, .rt-hiw-title, .rt-gw-title,
.rt-hub-section-title, .rt-prem-faq-title {
    font-weight: 700 !important;
    letter-spacing: -.02em !important;
    line-height: 1.15 !important;
    color: var(--rt-ink) !important;
}
/* Eyebrows = the kit's mono kicker: card labels stay quiet, the section kicker is blue. */
html body :is(.rt-card-eyebrow, .rt-prem-eyebrow, .rt-mn-eyebrow, .rt-faq-badge) {
    font-family: var(--rt-mono) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
    color: var(--rt-ink-dim) !important;
}
html body .rt-faq-badge {
    background: none !important;
    padding: 0 !important;
    font-size: 13px !important;
    color: var(--rt-blue) !important;
}

/* ==========================================================================
   4. ONE FAQ / ACCORDION
   Four implementations collapsed into a single look: a bordered row that
   opens smoothly, with a red plus that rotates. /faq/ uses bare <details>,
   so the base element is styled too and the named variants inherit it.
   ========================================================================== */
.entry-content details,
.rt-faq-section details,
.rt-dl-faq-item, .rt-prem-faq-item,
.rt-dl-faq details, .rt-prem-faq details {
    background: linear-gradient(180deg, var(--rt-surface), var(--rt-surface-2)) !important;
    border: 1px solid var(--rt-border) !important;
    border-radius: var(--rt-r-md) !important;
    margin: 0 0 var(--rt-s2) !important;
    overflow: hidden;
    transition: border-color .2s var(--rt-ease) !important;
}
.entry-content details[open],
.rt-dl-faq-item[open], .rt-prem-faq-item[open] {
    border-color: var(--rt-border-strong) !important;
}
.entry-content details > summary,
.rt-dl-faq-item > summary, .rt-prem-faq-item > summary {
    list-style: none !important;
    cursor: pointer;
    padding: var(--rt-s4) var(--rt-s5) var(--rt-s4) var(--rt-s4) !important;
    font-weight: 700 !important;
    font-size: 15.5px !important;
    line-height: 1.35 !important;
    color: var(--rt-ink) !important;
    position: relative;
    display: block;
}
.entry-content details > summary::-webkit-details-marker,
.rt-dl-faq-item > summary::-webkit-details-marker { display: none; }
/* One indicator: a red plus that becomes a minus. */
.entry-content details > summary::after,
.rt-dl-faq-item > summary::after, .rt-prem-faq-item > summary::after {
    content: "+";
    position: absolute;
    inset-inline-end: var(--rt-s4);
    top: 50%;
    transform: translateY(-50%);
    color: var(--rt-red);
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    transition: transform .2s var(--rt-ease);
}
.entry-content details[open] > summary::after,
.rt-dl-faq-item[open] > summary::after { content: "\2212"; }
.entry-content details > summary + *,
.rt-dl-faq-item > summary + *, .rt-prem-faq-item > summary + * {
    padding: 0 var(--rt-s4) var(--rt-s4) !important;
    color: var(--rt-ink-mid) !important;
    font-size: 14.5px !important;
    line-height: 1.6 !important;
}

/* ==========================================================================
   5. SECTION RHYTHM
   Sections were spaced by whatever each page happened to use. One scale.
   ========================================================================== */
.rt-faq-section, .rt-dl-faq-sec, .rt-prem-faq, .rt-hub-section,
.rt-mn-section, .rt-hiw-section { margin-top: var(--rt-s8) !important; }
@media (max-width: 900px) {
    .rt-faq-section, .rt-dl-faq-sec, .rt-prem-faq, .rt-hub-section,
    .rt-mn-section, .rt-hiw-section { margin-top: var(--rt-s6) !important; }
}

/* ==========================================================================
   6. TRUST ROW
   The floating green ticks on the download page read as clip-art on their
   own, so they get the same card treatment as everything else.
   ========================================================================== */
.rt-dl-trust, .rt-dl-action-card [class*="trust"] {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--rt-s2) !important;
    margin-top: var(--rt-s4) !important;
}
.rt-dl-trust > *, .rt-dl-action-card [class*="trust"] > * {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 12px;
    border: 1px solid var(--rt-border);
    border-radius: var(--rt-r-pill);
    background: var(--rt-surface-2);
    font-size: 12.5px !important;
    font-weight: 600;
    color: var(--rt-ink-mid) !important;
}

/* The version line is useful but was shouting. Make it a quiet caption. */
.rt-dl-meta, .rt-dl-version, .rt-dl-action-card > p:first-of-type {
    font-size: 12.5px !important;
    color: var(--rt-ink-dim) !important;
    letter-spacing: .01em;
}

/* ⚠️ Each FAQ implementation ships its OWN indicator element:
     /faq/      .rtf-ico
     /download/ .rt-dl-faq-ic
     /premium/  .rt-prem-faq-ic
   Adding the ::after above therefore produced TWO plus signs per row, one
   inline and one on the right edge. Hide the bespoke icons and let the single
   ::after be the only indicator, which is the whole point of unifying them. */
.rtf-ico, .rt-dl-faq-ic, .rt-prem-faq-ic { display: none !important; }

/* Their summaries also need the shared treatment (they are not inside
   .entry-content on every page). */
.rtf-item {
    background: linear-gradient(180deg, var(--rt-surface), var(--rt-surface-2)) !important;
    border: 1px solid var(--rt-border) !important;
    border-radius: var(--rt-r-md) !important;
    margin: 0 0 var(--rt-s2) !important;
    overflow: hidden;
}
.rtf-item[open] { border-color: var(--rt-border-strong) !important; }
.rtf-item > summary {
    list-style: none !important;
    cursor: pointer;
    position: relative;
    display: block;
    padding: var(--rt-s4) 44px var(--rt-s4) var(--rt-s4) !important;
    font-weight: 700 !important;
    font-size: 15.5px !important;
    line-height: 1.35 !important;
    color: var(--rt-ink) !important;
}
.rtf-item > summary::-webkit-details-marker { display: none; }
.rtf-item > summary::after {
    content: "+";
    position: absolute;
    inset-inline-end: var(--rt-s4);
    top: 50%;
    transform: translateY(-50%);
    color: var(--rt-red);
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
}
.rtf-item[open] > summary::after { content: "\2212"; }
.rtf-item > summary + * {
    padding: 0 var(--rt-s4) var(--rt-s4) !important;
    color: var(--rt-ink-mid) !important;
    font-size: 14.5px !important;
    line-height: 1.6 !important;
}
/* Leave room for the indicator on the shared rule too. */
.entry-content details > summary,
.rt-dl-faq-item > summary, .rt-prem-faq-item > summary {
    padding-inline-end: 44px !important;
}

/* ==========================================================================
   7. DOWNLOAD PAGE, exact selectors
   The trust row is an UNCLASSED flex <div> holding three bare <span>s inside
   .rt-dl-action-card, so the guessed .rt-dl-trust selector never matched.
   Target it structurally instead: the direct child div that contains three
   or more spans.
   ========================================================================== */
.rt-dl-action-card > div:has(> span + span + span) {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--rt-s2) !important;
    margin-top: var(--rt-s4) !important;
}
.rt-dl-action-card > div:has(> span + span + span) > span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 13px;
    border: 1px solid var(--rt-border);
    border-radius: var(--rt-r-pill);
    background: var(--rt-surface-2);
    font-size: 12.5px !important;
    font-weight: 600 !important;
    color: var(--rt-ink-mid) !important;
    white-space: nowrap;
}

/* The version/meta line is real information, so it stays, but as a quiet
   caption rather than competing with the button. Actual class is .rt-meta. */
.rt-meta, .rt-dl-meta, .rt-dl-version {
    font-size: 12.5px !important;
    color: var(--rt-ink-dim) !important;
    letter-spacing: .01em;
    margin: var(--rt-s3) 0 0 !important;
}

/* Give the action card the same internal rhythm as the pricing cards. */
.rt-dl-action-card { padding: var(--rt-s6) var(--rt-s5) !important; }
@media (max-width: 900px) {
    .rt-dl-action-card { padding: var(--rt-s5) var(--rt-s4) !important; }
}

/* ==========================================================================
   8. LEON'S CALLS
   ========================================================================== */

/* The Download button does not belong in the mobile header: the whole page is
   a download page, the hamburger already contains it, and it was crowding the
   logo and the picker in an 88px bar. Desktop keeps it. */
@media (max-width: 900px) {
    html body .rt-custom-header .rt-header-download-btn { display: none !important; }
}

/* Download page: drop the version line and the three tick badges.
   They read as filler next to a single confident call to action, which leaves
   the button and the download count doing the work. */
html body .rt-dl-action-card .rt-meta,
html body .rt-dl-action-card > div:has(> span + span + span) {
    display: none !important;
}

/* ==========================================================================
   9. FOOTER COLUMNS
   Was 4 / 3 / 2 items with everything centred inside narrow columns, so each
   link landed at a different horizontal position and the block read as
   random. Support moved to Account gives 3 / 3 / 3, and everything in the
   columns is hard-aligned to the start edge so the three lists line up.
   ========================================================================== */
.rt-footer-main .rt-footer-col,
.rt-footer-main .rt-footer-col .rt-footer-title,
.rt-footer-main .rt-footer-list,
.rt-footer-main .rt-footer-list li,
.rt-footer-main .rt-footer-list li a {
    text-align: start !important;
}
.rt-footer-main .rt-footer-list { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.rt-footer-main .rt-footer-list li { margin: 0 !important; }
.rt-footer-main .rt-footer-list li a { display: block !important; }

@media (max-width: 900px) {
    /* Three equal columns, aligned to the top so the headings share a baseline. */
    html body .rt-footer-main {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        align-items: start !important;
        gap: 20px 12px !important;
    }
    html body .rt-footer-brand-col { grid-column: 1 / -1; }
    html body .rt-footer-main .rt-footer-title {
        font-size: 11px !important;
        letter-spacing: .09em !important;
        margin: 0 0 8px !important;
        opacity: .6;
        white-space: nowrap;
    }
    html body .rt-footer-main .rt-footer-list li a {
        font-size: 13px !important;
        line-height: 1.35 !important;
        padding: 5px 0 !important;
        /* Long labels such as "Manage Subscription" wrap inside a ~110px
           column; balance the wrap instead of leaving one orphan word. */
        text-wrap: balance;
        overflow-wrap: break-word;
    }
}

/* ⚠️ .rt-footer-list is a FLEX COLUMN whose items are centred, so each link
   was shrink-wrapped and centred at its own x. text-align alone cannot fix
   that: the flex alignment positions the box, the text-align only positions
   text inside it. Align the items to the start edge as well. */
.rt-footer-main .rt-footer-list {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
}
.rt-footer-main .rt-footer-list li { width: 100% !important; }

/* ==========================================================================
   10. INPUTS (2026-10 kit)
   Card-dark field, hairline edge, blue focus ring. Sizes stay per page.
   ========================================================================== */
html body .rt-input {
    background: var(--rt-card-bg);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 11px;
}
html body .rt-input:focus {
    border-color: rgba(10,132,255,.6);
    box-shadow: 0 0 0 3px rgba(10,132,255,.15);
}
html body #rt-hub-search-input { border-color: rgba(255,255,255,.12); }
html body #rt-hub-search-input:focus {
    border-color: rgba(10,132,255,.6);
    box-shadow: 0 20px 60px rgba(0,0,0,.6), 0 0 0 3px rgba(10,132,255,.15);
}

/* ==========================================================================
   11. ARCHIVE PAGER (blog + category pages)
   GeneratePress drew it as a blank white bar under the cards. Kit chips instead.
   ========================================================================== */
.paging-navigation {
    background: transparent !important;
    padding: 0 !important;
    margin: 8px 0 48px !important;
}
.paging-navigation .nav-links {
    display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; align-items: center;
}
.paging-navigation .nav-links > * { padding: 0 14px !important; }
.paging-navigation .page-numbers {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 40px; height: 40px;
    border-radius: 11px;
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.015);
    color: rgba(255,255,255,.75) !important;
    font-size: 14px; font-weight: 600 !important;
    text-decoration: none !important;
}
.paging-navigation a.page-numbers:hover {
    background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.22); color: #fff !important;
}
.paging-navigation .page-numbers.current {
    background: rgba(10,132,255,.12); border-color: rgba(10,132,255,.45); color: #fff !important;
}
.paging-navigation .page-numbers.dots { border-color: transparent; background: none; min-width: 0; }


                /* NUKE DEFAULT WP JUNK & KILL ALL NATIVE DIVIDERS */
                body.single-post footer.entry-footer,
                body.single-post .cat-links,
                body.single-post .tags-links,
                body.single-post .post-navigation,
                body.single-post .nav-links,
                body.single-post .entry-meta,
                body.single-post .site-info,
                body.single-post header.entry-header { display: none !important; }

                body.single-post .entry-content > hr, 
                body.single-post .entry-content > .wp-block-separator { display: none !important; border: none !important; }
                
                /* KILL EMPTY HEADINGS AND PARAGRAPHS THAT CAUSE GAPS */
                body.single-post .entry-content p:empty,
                body.single-post .entry-content h2:empty,
                body.single-post .entry-content h3:empty,
                body.single-post .entry-content h4:empty { 
                    display: none !important; 
                    margin: 0 !important; 
                    padding: 0 !important; 
                    border: none !important; 
                }

                html, body, body.single-post { background-color: #050505 !important; color: #d1d1d1 !important; }
                body.single-post .site-content,
                body.single-post .comments-area,
                body.single-post .site-footer,
                body.single-post .site-main { background: transparent !important; border: none !important; position: relative; z-index: 2; }
                
                body.single-post .site-content { padding: 40px 20px !important; }
                
                body.single-post .inside-article {
                    max-width: 1050px !important; 
                    margin: 0 auto !important;
                    background: transparent !important;
                    padding: 0 !important;
                    border: none !important;
                    box-shadow: none !important;
                }

                .rt-blog-hero-section { margin-bottom: 0 !important; }
                
                .rt-blog-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 25px; }
                .rt-blog-tags span {
                    background: rgba(10, 132, 255, 0.1); border: 1px solid rgba(10, 132, 255, 0.2); color: #3395ff;
                    padding: 5px 12px; border-radius: 4px; font-size: 11px;
                    font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px;
                }
                
                .rt-custom-h1 {
                    font-size: 48px !important; font-weight: 900 !important; color: #ffffff !important;
                    line-height: 1.1 !important; letter-spacing: -1px !important;
                    margin: 0 0 25px 0 !important; text-transform: none !important;
                }

                /* --- META ROW FLEXBOX (NO BORDER HERE AT ALL) --- */
                .rt-premium-meta-row {
                    display: flex; justify-content: space-between; align-items: center;
                    margin-bottom: 30px !important; 
                    padding-bottom: 0 !important; 
                    border-bottom: none !important; 
                    flex-wrap: wrap; gap: 20px;
                }
                
                .rt-meta-left { display: flex; align-items: center; gap: 15px; }
                
                /* HARD constraints on avatar to prevent blowout */
                .rt-author-avatar { 
                    width: 44px !important; height: 44px !important; 
                    min-width: 44px !important; max-width: 44px !important;
                    border-radius: 50% !important; object-fit: cover !important; 
                    padding: 0 !important; margin: 0 !important; 
                }
                
                .rt-meta-details { display: flex; flex-direction: column; justify-content: center; gap: 5px; }
                .rt-author-names { display: flex; align-items: center; }
                .rt-author-display { color: #ffffff; font-size: 15px; font-weight: bold; }
                .rt-author-handle { color: #666; font-size: 13px; font-weight: 600; margin-left: 6px; }
                
                .rt-author-stats { display: flex; align-items: center; gap: 15px; color: #888; font-size: 13px; }
                .rt-stat-item { display: flex; align-items: center; gap: 6px; }
                .rt-stat-item svg { width: 14px; height: 14px; stroke: currentColor; fill: none; stroke-width: 2; }

                /* --- ACTIONS (LIKES & SHARES) --- */
                .rt-meta-right { display: flex; align-items: center; gap: 15px; }
                
                .rt-like-btn {
                    display: flex; align-items: center; gap: 8px; background: transparent; 
                    border: 1px solid #333; color: #aaa; border-radius: 20px; padding: 6px 14px;
                    cursor: pointer; transition: 0.2s; font-size: 13px; font-weight: bold; outline: none;
                }
                .rt-like-btn svg { width: 16px; height: 16px; stroke: currentColor; fill: none; stroke-width: 2; transition: 0.2s; }
                .rt-like-btn:hover { border-color: #3395ff; color: #3395ff; background: rgba(51,149,255,0.05); }
                .rt-like-btn.liked { border-color: #3395ff; color: #3395ff; background: rgba(51,149,255,0.1); }
                .rt-like-btn.liked svg { fill: #3395ff; }

                .rt-share-group { display: flex; gap: 8px; align-items: center; border-left: 1px solid #222; padding-left: 15px; }
                .rt-action-btn.rt-share-icon {
                    width: 34px; height: 34px; border-radius: 50%;
                    display: flex; align-items: center; justify-content: center;
                    border: 1px solid transparent; color: #fff;
                    cursor: pointer; transition: all 0.2s ease; outline: none; padding: 0;
                }
                .rt-action-btn.rt-share-icon svg { width: 14px; height: 14px; }
                .rt-action-btn.rt-share-icon:hover { filter: brightness(1.2); transform: translateY(-2px); }
                
                /* COLORFUL ICONS BY DEFAULT */
                .rt-share-icon.wa { background: #25D366; border-color: #25D366; }
                .rt-share-icon.tg { background: #0088cc; border-color: #0088cc; }
                .rt-share-icon.tw { background: #14171A; border-color: #222; } /* Dark Gray for X */
                .rt-share-icon.cp { background: #333; border-color: #444; }
                .rt-share-icon.cp.copied { background: #2ecc71; border-color: #2ecc71; }

                /* GAP ELIMINATION (Nuking the space between Hero and Gutenberg) */
                .rt-blog-hero-section { margin-bottom: 10px !important; }
                .rt-premium-meta-row { margin-bottom: 0 !important; }
                body.single-post .entry-content { margin-top: 0 !important; padding-top: 0 !important; }
                body.single-post .entry-content > *:first-child { margin-top: 0 !important; padding-top: 0 !important; }

                /* YOAST TOC (Clean Text, No Pills, No Boxes) */
                .wp-block-yoast-seo-table-of-contents,
                .yoast-table-of-contents {
                    background: transparent !important;
                    border: none !important;
                    border-top: 1px solid rgba(10, 132, 255, 0.3) !important;
                    border-bottom: 1px solid rgba(10, 132, 255, 0.3) !important;
                    border-radius: 0 !important;
                    padding: 30px 0 !important;
                    margin: 10px 0 40px 0 !important;
                    box-shadow: none !important;
                }
                .yoast-table-of-contents h2 {
                    margin: 0 0 20px 0 !important;
                    padding: 0 !important;
                    border: none !important;
                    font-size: 26px !important;
                    color: #fff !important;
                    text-transform: uppercase;
                    letter-spacing: -0.5px;
                }
                .yoast-table-of-contents ul {
                    list-style: none !important;
                    padding: 0 !important;
                    margin: 0 !important;
                }
                .yoast-table-of-contents li {
                    margin-bottom: 12px !important;
                    padding-left: 20px !important;
                    position: relative;
                }
                .yoast-table-of-contents li::before {
                    content: '»' !important;
                    position: absolute;
                    left: 0;
                    top: 0;
                    color: #0a84ff !important;
                    font-size: 18px !important;
                    font-weight: 900 !important;
                    line-height: 1.4 !important;
                }
                .yoast-table-of-contents a {
                    color: #3395ff !important;
                    text-decoration: none !important;
                    font-size: 16px !important;
                    font-weight: bold !important;
                    transition: 0.2s ease !important;
                }
                .yoast-table-of-contents a:hover {
                    color: #fff !important;
                    text-decoration: underline !important;
                    text-underline-offset: 4px;
                }

                /* YOU MAY ALSO LIKE FOOTER */
                .rt-related-articles { margin-top: 60px; padding-top: 40px; border-top: 1px solid #222; clear: both; }
                .rt-related-title {
                    color: #fff !important; font-size: 28px !important; font-weight: 900 !important;
                    margin: 0 0 25px 0 !important; text-transform: uppercase; letter-spacing: -0.5px;
                    border: none !important; padding: 0 !important;
                }
                .rt-related-links { display: flex; flex-direction: column; gap: 15px; }
                .rt-related-link {
                    display: flex; align-items: center; justify-content: space-between;
                    background: #0a0a0a; border: 1px solid #222; padding: 20px 25px;
                    border-radius: 10px; text-decoration: none !important; transition: all 0.2s ease;
                }
                .rt-related-link:hover { border-color: #0a84ff; background: rgba(10,132,255,0.02); transform: translateX(5px); }
                .rt-related-link-title { color: #d1d1d1; font-size: 16px; font-weight: 700; transition: color 0.2s ease; }
                .rt-related-link:hover .rt-related-link-title { color: #fff; }
                .rt-related-link svg { width: 20px; height: 20px; stroke: #666; transition: stroke 0.2s ease, transform 0.2s ease; }
                .rt-related-link:hover svg { stroke: #0a84ff; transform: translateX(3px); }

                /* --- TEXT COLOR HIERARCHY & SPACING FIXES --- */
                /* Crisp Light Silver for all standard text */
                body.single-post .entry-content,
                body.single-post .entry-content p,
                body.single-post .entry-content ul, 
                body.single-post .entry-content ol { 
                    color: #d1d1d1 !important; font-size: 17px !important; line-height: 1.7 !important; 
                }
                
                body.single-post .entry-content p { margin-bottom: 25px !important; }
                body.single-post .entry-content strong, body.single-post .entry-content b { color: #ffffff !important; font-weight: 700 !important; }
                body.single-post .entry-content a { color: #0a84ff !important; text-decoration: underline; text-underline-offset: 3px; font-weight: bold; }

                /* MASSIVE HEADINGS */
                body.single-post .entry-content h2 {
                    font-size: 42px !important; 
                    color: #ffffff !important; 
                    font-weight: 900 !important;
                    margin: 70px 0 25px 0 !important; 
                    padding-bottom: 20px !important; 
                    border-bottom: 2px solid #222 !important; 
                    line-height: 1.1 !important; 
                    letter-spacing: -1px !important;
                }
                body.single-post .entry-content h3 { 
                    font-size: 32px !important; 
                    color: #ffffff !important; 
                    font-weight: 900 !important; 
                    margin: 50px 0 20px 0 !important; 
                    padding-bottom: 15px !important; 
                    border-bottom: 1px solid #222 !important;
                    line-height: 1.2 !important;
                    letter-spacing: -0.5px !important;
                }
                body.single-post .entry-content h4 { 
                    font-size: 24px !important; 
                    color: #ffffff !important; 
                    font-weight: bold !important; 
                    margin: 40px 0 15px 0 !important; 
                }
                
                body.single-post .entry-content ul, body.single-post .entry-content ol { margin: 0 0 30px 0 !important; padding-left: 20px !important; }
                body.single-post .entry-content li { margin-bottom: 12px !important; }
                body.single-post .entry-content li::marker { color: #666 !important; font-weight: bold; }
                body.single-post .entry-content img { width: 100% !important; height: auto !important; border-radius: 12px !important; margin: 40px 0 !important; border: 1px solid #1a1a1a !important; }

                /* CODE BLOCKS HIGHLIGHT */
                body.single-post .entry-content code,
                body.single-post .entry-content kbd,
                body.single-post .entry-content pre { 
                    background: rgba(10,132,255,0.05) !important; 
                    color: #3395ff !important; 
                    padding: 4px 8px !important; 
                    border-radius: 6px !important; 
                    border: 1px solid rgba(10,132,255,0.2) !important; 
                    font-family: 'IBM Plex Mono', monospace !important; 
                    font-size: 16px !important; 
                    word-break: break-word !important; 
                }
                body.single-post .entry-content pre { padding: 20px !important; display: block; overflow-x: auto; margin-bottom: 25px !important; }

                @media (max-width: 768px) {
                    body.single-post .site-content { padding: 30px 15px !important; }
                    .rt-custom-h1 { font-size: 32px !important; }
                    body.single-post .entry-content, body.single-post .entry-content p { font-size: 16px !important; }
                    body.single-post .entry-content h2 { font-size: 32px !important; margin-top: 40px !important; }
                    body.single-post .entry-content h3 { font-size: 26px !important; margin-top: 35px !important; }
                    .rt-premium-meta-row { flex-direction: column; align-items: flex-start; gap: 20px; }
                    .rt-meta-right { width: 100%; justify-content: space-between; }
                    .rt-share-group { flex-grow: 1; justify-content: flex-end; }
                }
            

        /* Base Typography */
        .rip-intro-p { font-size: 17px; line-height: 1.8; color: #a1a1a1; margin-bottom: 25px; font-family: 'Space Grotesk','Rubik', sans-serif; }
        .rip-intro-p strong { color: #ffffff; font-weight: 900; }
        
        /* Force White CTA Text */
        .rt-cta-btn, .rt-universal-cta a, .rip-btn { color: #ffffff !important; text-decoration: none !important; }

        /* --- 1. Custom Auto-TOC (Jump to Section) --- */
        .rip-toc-container { background: #0a0a0a; border: 1px solid #1a1a1a; border-radius: 12px; padding: 25px 30px; margin: 40px 0; border-left: 3px solid #0a84ff; box-shadow: 0 15px 35px rgba(0,0,0,0.4); font-family: 'Space Grotesk','Rubik', sans-serif; }
        .rip-toc-title { color: #fff; font-size: 14px; font-weight: 900; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 20px 0 !important; display: flex; align-items: center; gap: 10px; padding: 0 !important; border: none !important; }
        .rip-toc-title svg { width: 18px; height: 18px; stroke: #0a84ff; fill: none; stroke-width: 2.5; }
        .rip-toc-list { display: flex; flex-wrap: wrap; gap: 10px; list-style: none !important; padding: 0 !important; margin: 0 !important; }
        .rip-toc-list li { margin: 0 !important; padding: 0 !important; }
        .rip-toc-list li::before { display: none !important; }
        .rip-toc-list a { display: inline-block; background: #111; border: 1px solid #222; color: #888 !important; padding: 10px 16px; border-radius: 8px; font-size: 13px; font-weight: 700; text-decoration: none !important; transition: all 0.2s ease; }
        .rip-toc-list a:hover { background: rgba(10,132,255,0.05); border-color: rgba(10,132,255,0.3); color: #0a84ff !important; transform: translateY(-2px); }

        /* --- 2. System Stats Box --- */
        .rip-stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; margin: 40px 0; font-family: 'Space Grotesk','Rubik', sans-serif; }
        .rip-stat-card { background: #0a0a0a; border: 1px solid #1a1a1a; border-radius: 12px; padding: 25px 20px; text-align: center; transition: 0.3s; box-shadow: 0 10px 30px rgba(0,0,0,0.3); }
        .rip-stat-card:hover { border-color: rgba(10,132,255,0.3); background: #0c0c0c; transform: translateY(-3px); }
        .rip-stat-value { font-size: 34px; font-weight: 900; color: #0a84ff; margin-bottom: 5px; line-height: 1; text-shadow: 0 0 15px rgba(10,132,255,0.2); }
        .rip-stat-label { color: #fff; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; }
        .rip-stat-context { color: #666; font-size: 11px; margin-top: 8px; }
        @media (max-width: 768px) { .rip-stats-grid { grid-template-columns: repeat(2, 1fr); } }

        /* --- 3. Custom Tables --- */
        .rip-table-wrap { background: #0a0a0a; border: 1px solid #1a1a1a; border-radius: 12px; overflow-x: auto; margin: 40px 0; box-shadow: 0 10px 30px rgba(0,0,0,0.3); font-family: 'Space Grotesk','Rubik', sans-serif; }
        .rip-table { width: 100%; border-collapse: collapse; min-width: 600px; }
        .rip-table th { background: #050505; color: #fff; padding: 18px 25px; text-transform: uppercase; font-size: 12px; font-weight: 900; letter-spacing: 1px; border-bottom: 1px solid #222; text-align: left; }
        .rip-table td { padding: 18px 25px; border-bottom: 1px solid #111; color: #aaa; font-size: 14px; line-height: 1.5; }
        .rip-table tr:last-child td { border-bottom: none; }
        .rip-table td:first-child { color: #fff; font-weight: 800; }

        /* Impact Badges */
        .rip-impact { display: inline-block; padding: 4px 10px; border-radius: 4px; font-size: 10px; font-weight: 900; text-transform: uppercase; letter-spacing: 1px; }
        .rip-impact.high { background: rgba(255,77,77,0.1); color: #ff4d4d; border: 1px solid rgba(255,77,77,0.2); }
        .rip-impact.med { background: rgba(241,196,15,0.1); color: #f1c40f; border: 1px solid rgba(241,196,15,0.2); }
        .rip-impact.low { background: rgba(46,204,113,0.1); color: #2ecc71; border: 1px solid rgba(46,204,113,0.2); }

        /* --- 4. Alert Boxes --- */
        .rip-alert { background: #0a0a0a; border: 1px solid #1a1a1a; border-radius: 12px; padding: 25px 30px; margin: 40px 0; position: relative; font-family: 'Space Grotesk','Rubik', sans-serif; box-shadow: 0 10px 30px rgba(0,0,0,0.3); }
        .rip-alert::before { content: ''; position: absolute; top: 0; left: 0; width: 3px; height: 100%; border-radius: 12px 0 0 12px; }
        .rip-alert.pro-tip::before { background: #0a84ff; box-shadow: 0 0 10px rgba(10,132,255,0.5); }
        .rip-alert.quick-win::before { background: #2ecc71; box-shadow: 0 0 10px rgba(46,204,113,0.5); }
        
        .rip-alert-title { font-weight: 900; font-size: 16px; margin: 0 0 15px 0 !important; display: flex; align-items: center; gap: 10px; text-transform: uppercase; letter-spacing: 0.5px; border: none !important; padding: 0 !important; }
        .rip-alert.pro-tip .rip-alert-title { color: #3395ff; }
        .rip-alert.quick-win .rip-alert-title { color: #2ecc71; }
        .rip-alert p { margin: 0 0 10px 0 !important; color: #aaa !important; font-size: 15px !important; }

        /* --- 5. Media Containers (Fixed Shorts) --- */
        .rip-embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; border-radius: 12px; margin: 40px 0; border: 1px solid rgba(255,255,255,0.05); box-shadow: 0 20px 50px rgba(0,0,0,0.5); }
        .rip-embed-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }
        
        .rip-shorts-wrapper { display: flex; justify-content: center; margin: 40px 0; }
        .rip-shorts-container { width: 100%; max-width: 320px; aspect-ratio: 9 / 16; border-radius: 16px; overflow: hidden; border: 1px solid rgba(255,255,255,0.05); box-shadow: 0 20px 50px rgba(0,0,0,0.6); background: #000; }
        .rip-shorts-container iframe { width: 100%; height: 100%; border: none; }

        .rip-reddit-container { margin: 40px 0; border-radius: 12px; overflow: hidden; border: 1px solid #1a1a1a; background: #0a0a0a; }

        /* --- 6. Pro Config Grid --- */
        .rip-method-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin: 40px 0; font-family: 'Space Grotesk','Rubik', sans-serif; }
        .rip-method-card { background: #0a0a0a; border-radius: 12px; padding: 25px; border: 1px solid #1a1a1a; transition: 0.3s; }
        .rip-method-card:hover { border-color: #333; background: #0c0c0c; transform: translateY(-2px); }
        .rip-method-name { color: #fff; font-weight: 900; font-size: 16px; margin-bottom: 15px; text-transform: uppercase; border-bottom: 1px solid #222; padding-bottom: 15px; display: flex; justify-content: space-between; align-items: center; letter-spacing: 0.5px; }
        .rip-role-badge { font-size: 10px; background: rgba(10,132,255,0.1); border: 1px solid rgba(10,132,255,0.2); color: #3395ff; padding: 4px 8px; border-radius: 4px; letter-spacing: 1px; }
        .rip-method-stat { display: flex; justify-content: space-between; padding: 12px 0; border-bottom: 1px dashed #222; color: #888; font-size: 13px; font-weight: bold; }
        .rip-method-stat:last-of-type { border-bottom: none; padding-bottom: 0; }
        .rip-method-stat-val { color: #fff; }
    

        /* Smooth anchor scrolling with sticky-header offset */
        html { scroll-behavior: smooth; }
        body.single-post .entry-content h2[id],
        body.single-post .entry-content h3[id] {
            scroll-margin-top: 100px;
        }

        /* ----- TOC Active State (Scroll Spy) ----- */
        .rip-toc-list a.active {
            background: rgba(10,132,255,0.08) !important;
            border-color: rgba(10,132,255,0.4) !important;
            color: #3395ff !important;
            transform: translateY(-1px);
        }

        /* ----- 1. Jump Links (Optional Alt to Auto-TOC) ----- */
        .rip-jump-links {
            background: #0a0a0a;
            border: 1px solid #1a1a1a;
            border-left: 3px solid #0a84ff;
            border-radius: 12px;
            padding: 25px 30px;
            margin: 40px 0;
            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
            font-family: 'Space Grotesk','Rubik', sans-serif;
        }
        .rip-jump-links-title {
            color: #fff;
            font-size: 14px;
            font-weight: 900;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            margin: 0 0 18px 0 !important;
            padding: 0 !important;
            border: none !important;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        .rip-jump-links-title svg {
            width: 18px; height: 18px;
            stroke: #0a84ff; fill: none; stroke-width: 2.5;
        }
        .rip-jump-links ul {
            display: flex !important;
            flex-wrap: wrap !important;
            gap: 10px !important;
            list-style: none !important;
            padding: 0 !important;
            margin: 0 !important;
        }
        body.single-post .entry-content .rip-jump-links li { 
            margin: 0 !important; 
            padding: 0 !important;
        }
        body.single-post .entry-content .rip-jump-links li::marker { content: none !important; }
        .rip-jump-links a {
            display: inline-block;
            background: #111;
            border: 1px solid #222;
            color: #aaa !important;
            padding: 9px 15px;
            border-radius: 6px;
            font-size: 12px;
            font-weight: 700;
            text-decoration: none !important;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            transition: all 0.2s ease;
        }
        .rip-jump-links a:hover {
            background: rgba(10,132,255,0.05);
            border-color: rgba(10,132,255,0.4);
            color: #3395ff !important;
            transform: translateY(-2px);
        }

        /* ----- 2. Warning Alert (extending existing .rip-alert) ----- */
        .rip-alert.warning::before {
            background: #f1c40f !important;
            box-shadow: 0 0 10px rgba(241,196,15,0.5) !important;
        }
        .rip-alert.warning .rip-alert-title {
            color: #f1c40f !important;
        }

        /* ----- 3. Command / Code Terminal Box ----- */
        .rip-cmd-box {
            background: #050505;
            border: 1px solid #1a1a1a;
            border-left: 3px solid #00ff88;
            border-radius: 10px;
            padding: 50px 25px 20px 25px;
            margin: 30px 0;
            position: relative;
            box-shadow: 0 10px 30px rgba(0,0,0,0.4);
            font-family: 'Space Grotesk','Rubik', sans-serif;
            overflow-x: auto;
        }
        .rip-cmd-box::before {
            content: '● ● ●';
            position: absolute;
            top: 14px;
            left: 20px;
            color: #333;
            font-size: 12px;
            letter-spacing: 4px;
        }
        .rip-cmd-box::after {
            content: 'TERMINAL';
            position: absolute;
            top: 14px;
            right: 20px;
            color: #444;
            font-size: 10px;
            font-weight: 900;
            letter-spacing: 2px;
        }
        body.single-post .entry-content .rip-cmd-box code,
        body.single-post .entry-content .rip-cmd-box pre {
            display: block !important;
            background: transparent !important;
            color: #00ff88 !important;
            font-family: 'IBM Plex Mono', 'Courier New', monospace !important;
            font-size: 14px !important;
            border: none !important;
            padding: 0 !important;
            margin: 0 !important;
            white-space: pre-wrap !important;
            line-height: 1.7 !important;
            text-shadow: 0 0 8px rgba(0,255,136,0.2);
        }

        /* ----- 4. Phased Checklist ----- */
        .rip-checklist-phase {
            background: rgba(46,204,113,0.04);
            border: 1px solid rgba(46,204,113,0.15);
            border-left: 3px solid #2ecc71;
            border-radius: 10px;
            padding: 22px 28px;
            margin: 18px 0;
            font-family: 'Space Grotesk','Rubik', sans-serif;
        }
        .rip-checklist-phase h4 {
            color: #2ecc71 !important;
            font-size: 13px !important;
            font-weight: 900 !important;
            text-transform: uppercase !important;
            letter-spacing: 1.5px !important;
            margin: 0 0 15px 0 !important;
            padding: 0 !important;
            border: none !important;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        .rip-checklist-phase h4 .phase-time {
            background: rgba(46,204,113,0.15);
            color: #2ecc71;
            font-size: 10px;
            padding: 3px 8px;
            border-radius: 4px;
            font-weight: 800;
            margin-left: auto;
        }
        body.single-post .entry-content .rip-checklist-phase ul {
            list-style: none !important;
            padding: 0 !important;
            margin: 0 !important;
        }
        body.single-post .entry-content .rip-checklist-phase li {
            color: #ccc !important;
            padding: 9px 0 9px 28px !important;
            border-bottom: 1px dashed #1a1a1a !important;
            position: relative;
            font-size: 14px !important;
            line-height: 1.5 !important;
            margin: 0 !important;
        }
        body.single-post .entry-content .rip-checklist-phase li:last-child { border-bottom: none !important; }
        body.single-post .entry-content .rip-checklist-phase li::marker { content: none !important; }
        body.single-post .entry-content .rip-checklist-phase li::before {
            content: '';
            position: absolute;
            left: 0;
            top: 12px;
            width: 16px;
            height: 16px;
            border: 1.5px solid #2ecc71;
            border-radius: 3px;
            background: transparent;
            display: block !important;
            color: transparent !important;
        }
        body.single-post .entry-content .rip-checklist-phase li strong {
            color: #fff !important;
        }

        /* ----- 5. Interactive FAQ Accordion ----- */
        .rip-faq-section {
            margin: 40px 0;
            font-family: 'Space Grotesk','Rubik', sans-serif;
        }
        .rip-faq-item {
            background: #0a0a0a;
            border: 1px solid #1a1a1a;
            border-radius: 12px;
            margin-bottom: 12px;
            overflow: hidden;
            transition: all 0.3s ease;
        }
        .rip-faq-item:hover { 
            border-color: #2a2a2a;
            transform: translateY(-1px);
        }
        .rip-faq-item.open { 
            border-color: rgba(10,132,255,0.4);
            background: rgba(10,132,255,0.02);
            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
        }
        
        .rip-faq-q {
            display: flex !important;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            background: transparent !important;
            border: none !important;
            color: #fff !important;
            padding: 22px 28px !important;
            font-size: 17px !important;
            font-weight: 800 !important;
            text-align: left !important;
            cursor: pointer !important;
            font-family: 'Space Grotesk','Rubik', sans-serif !important;
            line-height: 1.4 !important;
            transition: color 0.2s ease;
            margin: 0 !important;
        }
        .rip-faq-q:hover { color: #3395ff !important; }
        .rip-faq-q::after {
            content: '+';
            font-size: 32px;
            font-weight: 300;
            color: #0a84ff;
            transition: transform 0.3s ease;
            margin-left: 15px;
            line-height: 0.7;
            flex-shrink: 0;
        }
        .rip-faq-item.open .rip-faq-q::after {
            transform: rotate(45deg);
        }
        
        .rip-faq-a {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.4s ease, padding 0.3s ease;
            padding: 0 28px;
        }
        .rip-faq-item.open .rip-faq-a {
            max-height: 1500px;
            padding-bottom: 22px;
        }
        body.single-post .entry-content .rip-faq-a p {
            color: #b5b5b5 !important;
            font-size: 15px !important;
            line-height: 1.75 !important;
            margin: 0 0 12px 0 !important;
        }
        body.single-post .entry-content .rip-faq-a p:last-child { margin-bottom: 0 !important; }
        body.single-post .entry-content .rip-faq-a strong { color: #fff !important; }
        body.single-post .entry-content .rip-faq-a a { color: #3395ff !important; }
    

        /* Same skyline rules as Section 51 (single blog posts don't go through that function) */
        .rt-blog-skyline {
            position: absolute;
            top: 0; left: 0; right: 0;
            height: 1000px;
            background-image: url('https://riptweaks.com/wp-content/uploads/2026/05/imagine-stw-with-the-chapter-1-sky-storm-v0-33f8ggcbo0ic1.jpg');
            background-size: cover;
            background-position: center 35%;
            opacity: 0.22;
            filter: blur(1px) saturate(0.6) brightness(0.7);
            -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 25%, rgba(0,0,0,0.4) 65%, transparent 100%);
            mask-image: linear-gradient(180deg, #000 0%, #000 25%, rgba(0,0,0,0.4) 65%, transparent 100%);
            pointer-events: none;
            z-index: 0;
        }
        .rt-blog-skytint {
            position: absolute;
            top: 0; left: 0; right: 0;
            height: 1200px;
            background:
                radial-gradient(ellipse at 50% 0%, rgba(10,132,255,0.14) 0%, transparent 55%),
                linear-gradient(180deg,
                    rgba(10,10,10,0.20) 0%,
                    rgba(10,10,10,0.55) 40%,
                    rgba(5,5,5,0.85) 75%,
                    transparent 100%);
            pointer-events: none;
            z-index: 1;
        }
        /* Match the top spacing used on support/patch pages */
        body.rt-blog-article .site-content { padding-top: 70px !important; }
        body.rt-blog-article .entry-content { padding-top: 0 !important; }
    

        /* Widen the container for single posts only */
        body.single-post .inside-article {
            max-width: 1180px !important;
        }

        /* Two-column grid: article + sticky TOC */
        .rt-article-grid {
            display: grid;
            grid-template-columns: minmax(0, 1fr) 260px;
            gap: 60px;
            align-items: start;
            margin-top: 30px;
        }
        .rt-article-main { min-width: 0; } /* prevents code-block overflow blow-up */

        /* The floating TOC */
        .rt-floating-toc {
            position: sticky;
            top: 100px;
            max-height: calc(100vh - 130px);
            overflow-y: auto;
            padding-left: 25px;
            border-left: 1px solid #1a1a1a;
            font-family: 'Space Grotesk','Rubik', sans-serif;
        }
        .rt-toc-label {
            color: #fff;
            font-size: 12px;
            font-weight: 900;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            margin-bottom: 18px;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        .rt-toc-label::before {
            content: '';
            width: 14px;
            height: 2px;
            background: #0a84ff;
            display: inline-block;
        }
        .rt-floating-toc ul.rt-toc-list-v {
            list-style: none !important;
            padding: 0 !important;
            margin: 0 !important;
            display: flex;
            flex-direction: column;
            gap: 2px;
        }
        body.single-post .entry-content .rt-floating-toc li {
            margin: 0 !important;
            padding: 0 !important;
            position: relative;
            border-left: 2px solid transparent;
            transition: border-color 0.2s ease;
        }
        body.single-post .entry-content .rt-floating-toc li::before { display: none !important; }
        body.single-post .entry-content .rt-floating-toc li::marker { content: none !important; }
        .rt-floating-toc li.rt-toc-sub { padding-left: 14px !important; }
        .rt-floating-toc li a {
            display: block;
            padding: 7px 12px;
            color: #777 !important;
            font-size: 13px !important;
            font-weight: 600 !important;
            text-decoration: none !important;
            line-height: 1.45;
            transition: color 0.2s ease;
            border-left: none !important;
        }
        .rt-floating-toc li a:hover { color: #fff !important; }
        .rt-floating-toc li.active { border-left-color: #0a84ff; }
        .rt-floating-toc li.active > a { color: #3395ff !important; font-weight: 700 !important; }

        /* Custom scrollbar for the TOC */
        .rt-floating-toc::-webkit-scrollbar { width: 3px; }
        .rt-floating-toc::-webkit-scrollbar-thumb { background: #222; border-radius: 2px; }

        /* Mobile: collapse TOC to top */
        @media (max-width: 950px) {
            .rt-article-grid { grid-template-columns: 1fr; gap: 30px; }
            .rt-floating-toc {
                position: relative;
                top: 0;
                max-height: none;
                padding: 20px;
                border-left: none;
                border: 1px solid #1a1a1a;
                border-left: 3px solid #0a84ff;
                border-radius: 10px;
                background: #0a0a0a;
            }
        }
    

  /* --- 1. HIDE THEME HEADER --- */
  header.lexend-header, 
  .tg-header__area,
  .elementor-widget-lexend-header { 
      display: none !important; 
  }
  body { padding-top: 140px !important; }

  /* --- 2. FLOATING PILL HEADER --- */
  .rt-custom-header {
      position: fixed; 
      top: 60px; 
      left: 50%; 
      transform: translateX(-50%); 
      width: 95%; 
      max-width: 1150px; 
      height: 110px; 
      background: rgba(10, 10, 10, 0.85); 
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      border: none; 
      border-radius: 60px; 
      box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6);
      display: flex; 
      justify-content: space-between; 
      align-items: center;
      padding: 0 45px; 
      z-index: 99999;
      font-family: var(--rt-font, 'Space Grotesk','Rubik', sans-serif);
      transition: background 0.6s ease;
  }

  /* --- 3. LEFT GROUP --- */
  .rt-header-left { display: flex; align-items: center; gap: 35px; }
  .rt-header-logo { display: flex; align-items: center; }
  .rt-header-logo img { 
      height: 90px; width: auto; aspect-ratio: 1; object-fit: contain;
      transform: scale(1.25); /* the logo glows by itself; scale keeps the old visible size inside the same box */
  }

  /* --- 4. DESKTOP NAV --- */
  .rt-header-nav { 
      display: flex; gap: 35px; 
      list-style: none; margin: 0; padding: 0; 
  }
  .rt-header-nav > li { position: relative; }
  .rt-header-nav a { 
      color: #ffffff; text-decoration: none; 
      font-size: 21px; font-weight: 900; letter-spacing: -0.04em;
      transition: color 0.2s ease; 
  }
  .rt-header-nav a:hover { color: #0a84ff; }

  /* Pull items after dropdowns closer to compensate for chevron width */
  .rt-nav-premium + li,
  .rt-nav-resources + li {
      margin-left: -16px;
  }

  /* --- 5. DROPDOWN TRIGGERS (Premium + Resources) --- */
  .rt-resources-trigger,
  .rt-premium-trigger {
      display: flex; align-items: center; gap: 7px;
      cursor: pointer; color: #ffffff;
      font-size: 21px; font-weight: 900; letter-spacing: -0.04em;
      transition: color 0.2s ease;
      user-select: none; white-space: nowrap;
  }
  .rt-nav-resources:hover .rt-resources-trigger,
  .rt-nav-premium:hover .rt-premium-trigger { color: #0a84ff; }

  .rt-resources-trigger .rt-chevron,
  .rt-premium-trigger .rt-chevron {
      width: 13px; height: 13px;
      transition: transform 0.25s ease;
      opacity: 0.55; flex-shrink: 0; margin-top: 2px;
  }
  .rt-nav-resources:hover .rt-chevron,
  .rt-nav-premium:hover .rt-chevron {
      transform: rotate(180deg); opacity: 1;
  }

  /* --- 6. HOVER BRIDGE (both dropdowns) --- */
  .rt-nav-resources::after,
  .rt-nav-premium::after {
      content: '';
      position: absolute;
      top: 100%; left: -50px; right: -50px;
      height: 36px; z-index: 99998;
  }

  /* --- 7. RESOURCES DROPDOWN PANEL --- */
  .rt-resources-dropdown {
      position: absolute;
      top: calc(100% + 32px);
      left: 50%;
      transform: translateX(-50%) translateY(-6px);
      width: 240px; /* Tightened up width */
      background: #0a0a0a;
      border: 1px solid #1f1f24;
      border-radius: 18px;
      box-shadow: 0 30px 70px rgba(0, 0, 0, 0.85);
      padding: 10px; /* Reduced outer padding */
      z-index: 100000;
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.2s ease, transform 0.2s ease;
  }
  .rt-nav-resources:hover .rt-resources-dropdown {
      opacity: 1;
      transform: translateX(-50%) translateY(0);
      pointer-events: auto;
  }

  /* --- 7b. PREMIUM DROPDOWN PANEL --- */
  .rt-premium-dropdown {
      position: absolute;
      top: calc(100% + 32px);
      left: -16px;
      transform: translateY(-6px);
      width: 240px; /* Tightened up width */
      background: #0a0a0a;
      border: 1px solid #1f1f24;
      border-radius: 18px;
      box-shadow: 0 30px 70px rgba(0, 0, 0, 0.85);
      padding: 10px; /* Reduced outer padding */
      z-index: 100000;
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.2s ease, transform 0.2s ease;
  }
  .rt-nav-premium:hover .rt-premium-dropdown {
      opacity: 1;
      transform: translateY(0);
      pointer-events: auto;
  }

  /* --- 8. VERTICAL STACK --- */
  .rt-dd-stack {
      display: flex;
      flex-direction: column;
      gap: 2px; /* Reduced gap between items */
  }

  /* --- 9. ITEM --- */
  .rt-dd-item {
      display: flex; align-items: center; gap: 12px;
      padding: 10px 12px; /* Tighter padding on the items */
      border-radius: 10px;
      text-decoration: none;
      transition: background 0.18s ease;
      cursor: pointer;
  }
  .rt-dd-item:hover { background: rgba(255, 255, 255, 0.035); }

  /* --- 10. ICON --- */
  .rt-dd-icon {
      width: 44px; height: 44px; /* Scaled up slightly */
      border-radius: 10px;
      background: #131316; border: 1px solid #25252b;
      display: flex; align-items: center; justify-content: center;
      flex-shrink: 0; color: #6a6a72;
      transition: border-color 0.18s ease, color 0.18s ease, background 0.18s ease;
  }
  .rt-dd-icon svg { width: 20px; height: 20px; } /* Slightly larger icon */
  .rt-dd-item:hover .rt-dd-icon {
      background: #17171b; border-color: #34343c; color: #aaaab2;
  }
  .rt-dd-item:hover .rt-ddi-primary {
      background: rgba(10, 132, 255, 0.08);
      border-color: rgba(10, 132, 255, 0.28);
      color: #3395ff;
  }

  /* --- 11. TEXT --- */
  .rt-dd-text {
      display: flex; flex-direction: column;
      gap: 2px; text-align: left; min-width: 0;
  }
  .rt-dd-title {
      font-size: 16.5px; /* Bumped up font size */
      font-weight: 800;
      letter-spacing: -0.02em; color: #e4e4e8;
      line-height: 1.1; transition: color 0.18s ease;
      white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  }
  .rt-dd-desc {
      font-size: 13.5px; /* Bumped up description size */
      font-weight: 600; color: #565660;
      line-height: 1.1; white-space: nowrap;
      overflow: hidden; text-overflow: ellipsis;
  }
  .rt-dd-item:hover .rt-dd-title { color: #ffffff; }

  /* --- 12. RIGHT SIDE --- */
  .rt-header-right { display: flex; align-items: center; gap: 18px; }
  .rt-discord-icon {
      display: flex; align-items: center; justify-content: center;
      color: #aaaaaa;
      transition: color 0.2s ease, transform 0.2s ease;
      flex-shrink: 0;
  }
  .rt-discord-icon:hover { color: #5865F2; transform: scale(1.1); }
  .rt-discord-icon svg { width: 26px; height: 26px; display: block; }

  .rt-header-download-btn {
      display: inline-flex; align-items: center; justify-content: center;
      background: #0670dc; color: #ffffff; text-decoration: none;
      padding: 11px 26px; border-radius: 8px;
      font-size: 15px; font-weight: 900; letter-spacing: -0.02em;
      text-transform: uppercase; white-space: nowrap;
      font-family: var(--rt-font, 'Space Grotesk','Rubik', sans-serif);
      box-shadow: 0 5px 15px rgba(10, 132, 255, 0.25);
      transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
  }
  .rt-header-download-btn:hover {
      background: #0670dc; box-shadow: 0 8px 20px rgba(10, 132, 255, 0.4);
      transform: translateY(-2px); color: #ffffff;
  }

  /* --- 13. SCROLL --- */
  .rt-custom-header.header-scrolling { background: rgba(10, 10, 10, 0.4); }

  /* --- 14. HAMBURGER --- */
  .rt-hamburger {
      background: none; border: none; cursor: pointer;
      display: none; padding: 10px;
  }
  .rt-hamburger span {
      display: block; width: 30px; height: 3px;
      background-color: #ffffff; margin: 6px 0;
      transition: transform 0.3s ease, opacity 0.3s ease;
  }
  .rt-mobile-active .rt-hamburger span:nth-child(1) { transform: rotate(-45deg) translate(-6px, 6px); }
  .rt-mobile-active .rt-hamburger span:nth-child(2) { opacity: 0; }
  .rt-mobile-active .rt-hamburger span:nth-child(3) { transform: rotate(45deg) translate(-6px, -7px); }

  /* --- 15. MOBILE PANEL --- */
  .rt-mobile-menu-panel {
      position: absolute;
      top: 100%; left: 10px; right: 10px;
      background: #0a0a0a; border: 1px solid #1f1f24;
      border-radius: 20px; margin-top: 15px; padding: 30px;
      z-index: -1; 
      display: flex; flex-direction: column;
      gap: 20px; align-items: flex-start; list-style: none;
      opacity: 0; transform: translateY(-20px);
      pointer-events: none;
      transition: opacity 0.3s ease, transform 0.3s ease;
  }
  .rt-mobile-active .rt-mobile-menu-panel {
      opacity: 1; transform: translateY(0); pointer-events: auto;
  }
  .rt-mobile-menu-panel > li { width: 100%; }
  .rt-mobile-menu-panel > li > a {
      color: #ffffff; text-decoration: none;
      font-size: 24px; font-weight: 900; text-align: left;
      letter-spacing: -0.04em; width: 100%; display: block;
  }
  .rt-mobile-resources-group { width: 100%; }
  .rt-mobile-resources-group summary {
      color: #ffffff; font-size: 24px; font-weight: 900;
      letter-spacing: -0.04em; cursor: pointer; list-style: none;
      display: flex; align-items: center; gap: 8px; width: 100%; text-align: left;
  }
  .rt-mobile-resources-group summary::-webkit-details-marker { display: none; }
  .rt-mobile-resources-group[open] summary { color: #0a84ff; }
  .rt-mobile-dd-sub {
      display: flex; flex-direction: column; align-items: flex-start;
      gap: 14px; padding: 18px 0 0 0; width: 100%;
  }
  .rt-mobile-dd-sub a {
      color: rgba(189, 189, 189) !important; /* Adjusted to a fainter white, less gray */
      font-size: 17px !important; font-weight: 800 !important;
      letter-spacing: -0.02em !important; text-decoration: none;
      display: block; width: 100%; text-align: left;
  }
  .rt-mobile-dd-sub a:hover { color: #fff !important; }

  /* --- 16. MOBILE BREAKPOINT --- */
  @media (max-width: 992px) {
      .rt-custom-header { padding: 0 25px; border-radius: 30px; height: 85px; top: 30px; }
      .rt-header-logo img { height: 50px; } 
      .rt-header-nav { display: none; }
      .rt-header-download-btn { display: none; }
      .rt-discord-icon { display: none; }
      .rt-hamburger { display: block; }
  }


/* ==========================================================================
   RIP Tweaks 2026-10 brand: SITE HEADER + FOOTER (every page, every language)
   Reference: V6/brand/work/concepts/web-landing.html (approved by Leon).
   Loaded right after the old header block, so its plain `body` rule replaces the
   old one in the same cascade slot (pages that zero it still can). Everything
   else is written one step more specific than the old header/footer blocks,
   rt-mobile.css, rt-theme.css and the runtime rt-global-ui styles, so the order
   of the CSS bundle does not matter for it.
   ========================================================================== */
:root {
  --rtb-blue: #0A84FF;
  --rtb-blue-h: #3395ff;
  --rtb-blue-p: #0670dc;
  --rtb-ice: #8CC8FF;
  --rtb-ice-soft: #5AB0FF;
  --rtb-bg: #050505;
  --rtb-card: #0b0b0d;
  --rtb-panel: #0d0d10;
  --rtb-line: rgba(255,255,255,.065);
  --rtb-line2: rgba(255,255,255,.12);
  --rtb-pline: rgba(255,255,255,.09);
  --rtb-dim: rgba(255,255,255,.46);
  --rtb-soft: rgba(255,255,255,.72);
  --rtb-font: 'Space Grotesk', 'Rubik', system-ui, sans-serif;
  --rtb-mono: 'IBM Plex Mono', 'Space Grotesk', 'Rubik', ui-monospace, Consolas, monospace;
  --rtb-ico-win: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M0 93.7l183.6-25.3v177.4H0V93.7zm0 324.6l183.6 25.3V268.4H0v149.9zm203.8 28L448 480V268.4H203.8v177.9zm0-380.6v180.1H448V32L203.8 65.7z'/%3E%3C/svg%3E");
  --rtb-ico-globe: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Cpath d='M3 12A9 9 0 1 0 21 12A9 9 0 1 0 3 12Z M3 12h18 M12 3c2.6 2.7 2.6 15.3 0 18M12 3c-2.6 2.7-2.6 15.3 0 18'/%3E%3C/svg%3E");
  --rtb-ico-check: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
}

/* The fixed header is now a 76px bar at the very top (was a 110px pill at 60px).
   The old pill pushed every page well down; the bar alone left content tight under it,
   so the shared gap is 48px more than the 1:1 port (46 -> 94). Tablet/phone keep 96 (below). */
body { padding-top: 94px !important; }

/* ONE page top (Leon 2026-10-03: "the get-started distance is the perfect one"). Every page's
   first block starts where the get-started hero does: --rt-top from the top of the window
   (82px under the 76px bar). Each wrapper below only subtracts what already sits above it:
   .entry-content starts at 94 + 34 = 128px, blog/404/posts at the 94px body padding, the legal
   pages zero the body padding and sit in .rt-master-wrapper's 70px. */
@media (min-width: 993px) {
  :root { --rt-top: 158px; }
  html body :is(.rt-sc-dlhero, .rt-changelog-master, .rtf-wrap, .rtv6-auth, .rtv6-aff, .rt-hub-hero,
    .rt-master-wrapper:has(.rt-about-title), .entry-content > [data-rt-mount="device-reset"]) {
    margin-top: 0 !important; padding-top: calc(var(--rt-top) - 128px) !important;
  }
  html body .rt-blog-master { margin-top: calc(var(--rt-top) - 94px) !important; }
  html body .rt-404-wrapper { padding-top: calc(var(--rt-top) - 94px) !important; }
  html body.rt-blog-article #content { padding-top: calc(var(--rt-top) - 94px) !important; }
  html body.rt-support-article #content { padding-top: calc(var(--rt-top) - 124px) !important; } /* + 15 + 15 inside */
  html body .rt-legal-wrapper { padding-top: calc(var(--rt-top) - 70px) !important; }
  /* premium already uses the get-started tuck-up; only its 8px inner top padding was extra */
  html body .rt-prem-wrap > .rt-prem-inner { padding-top: 0 !important; }
}
/* tablet: the legal pages zero the body padding, so their own top padding carries the gap */
@media (min-width: 901px) and (max-width: 992px) { html body .rt-legal-wrapper { padding-top: 84px !important; } }

/* ONE hero title style on every page = the get-started one (.rt-sc-h1): same font, size, weight,
   colour, no forced uppercase, the highlight word blue with the same glow; one subtitle style
   (its lead); one section-title style (.rt-sc-h2). No eyebrows above titles (removed from the pages). */
html body :is(.rt-sc-h1, .rt-changelog-title, .rt-blog-masthead h1, .rt-prem-title, .rt-legal-header h1,
  .rt-404-title, .rtf-h1, .rt-hub-hero h1, .rt-support-h1, .rt-custom-h1, .rt-about-title) {
  font-family: var(--rtb-font) !important; font-size: clamp(2.3rem, 3.4vw, 3.2rem) !important;
  font-weight: 700 !important; line-height: 1.06 !important; letter-spacing: -.025em !important;
  color: #fff !important; text-transform: none !important; text-shadow: none !important;
  -webkit-text-fill-color: currentColor !important; background: none !important;
}
html body :is(.rt-sc-h1, .rt-changelog-title, .rt-blog-masthead h1, .rt-prem-title, .rt-legal-header h1,
  .rt-404-title, .rtf-h1, .rt-hub-hero h1, .rt-support-h1, .rt-custom-h1, .rt-about-title,
  .rt-sc-h2, .rt-timeline-title, .rt-phil-title, .rt-cta-title, .rt-hub-h2, .rtf-wrap h2, .rt-legal-wrapper h2) > span {
  color: var(--rtb-blue) !important; -webkit-text-fill-color: currentColor !important;
  text-shadow: 0 0 44px rgba(10,132,255,.4), 0 0 14px rgba(10,132,255,.5) !important;
}
html body :is(.rt-sc-hero .rt-sc-lead, .rt-changelog-sub, .rt-blog-masthead p, .rt-prem-sub, .rt-404-desc,
  .rtf-lede, .rt-hub-hero > p) {
  font-family: var(--rtb-font) !important; font-size: 1.22rem !important; font-weight: 400 !important;
  line-height: 1.55 !important; letter-spacing: 0 !important; color: rgba(255,255,255,.5) !important;
  text-transform: none !important;
}
/* section titles: big ones at the .rt-sc-h2 size, headings inside a document (legal, FAQ, help
   centre lists) one step smaller; otherwise the same style */
html body :is(.rt-sc-h2, .rt-timeline-title, .rt-phil-title, .rt-cta-title, .rt-hub-h2, .rtf-wrap h2, .rt-legal-wrapper h2) {
  font-family: var(--rtb-font) !important; font-weight: 700 !important; line-height: 1.08 !important;
  letter-spacing: -.02em !important; color: #fff !important; text-transform: none !important; text-shadow: none !important;
}
html body :is(.rt-sc-h2, .rt-timeline-title, .rt-phil-title, .rt-cta-title) { font-size: 2.9rem !important; }
html body :is(.rt-hub-h2, .rtf-wrap h2, .rt-legal-wrapper h2) { font-size: 2rem !important; }
@media (max-width: 768px) {
  html body :is(.rt-sc-h2, .rt-timeline-title, .rt-phil-title, .rt-cta-title) { font-size: 2rem !important; }
  html body :is(.rt-hub-h2, .rtf-wrap h2, .rt-legal-wrapper h2) { font-size: 1.6rem !important; }
}
/* Arabic: no negative tracking (it breaks the joined letters) */
html[dir="rtl"] body :is(.rt-sc-h1, .rt-changelog-title, .rt-blog-masthead h1, .rt-prem-title, .rt-legal-header h1,
  .rt-404-title, .rtf-h1, .rt-hub-hero h1, .rt-support-h1, .rt-custom-h1, .rt-about-title,
  .rt-sc-h2, .rt-timeline-title, .rt-phil-title, .rt-cta-title, .rt-hub-h2, .rtf-wrap h2, .rt-legal-wrapper h2) { letter-spacing: 0 !important; }
/* get-started on phones: the shared 68px section padding undid its 150px tuck-up (17px under the bar) */
@media (max-width: 640px) { html body .rt-sc.rt-sc-gs { padding-top: 140px; } }

/* ---------------------------------------------------------------- header bar */
html body .rt-custom-header {
  position: fixed !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  transform: none !important;
  width: 100% !important; max-width: none !important;
  height: 76px !important; min-height: 0 !important;
  margin: 0 !important;
  padding: 0 max(24px, calc((100% - 1200px) / 2)) !important;
  gap: 24px;
  border: 0 !important;
  border-bottom: 1px solid var(--rtb-line) !important;
  border-radius: 0 !important;
  background: rgba(5,5,5,.7) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  backdrop-filter: blur(12px) !important;
  box-shadow: none !important;
  font-family: var(--rtb-font) !important;
  box-sizing: border-box;
}
html body .rt-custom-header.header-scrolling {
  background: rgba(5,5,5,.86) !important;
  border-bottom-color: var(--rtb-pline) !important;
  box-shadow: 0 12px 34px -14px rgba(0,0,0,.8) !important;
}
html body .rt-custom-header *,
html body .rt-custom-header *::before,
html body .rt-custom-header *::after { font-family: var(--rtb-font) !important; }

html body .rt-custom-header .rt-header-left { gap: 36px !important; min-width: 0; }
html body .rt-custom-header .rt-header-logo {
  display: inline-flex; align-items: center; gap: 10px;
  text-decoration: none !important; color: #fff !important; flex: none;
}
html body .rt-custom-header .rt-header-logo img {
  width: 52px !important; height: auto !important; max-height: none !important;
  margin: -6px 0 !important; margin-inline-start: -6px !important;
  filter: none !important; display: block;
}
.rt-header-wordmark, .rt-brand-name {
  font-weight: 700 !important; letter-spacing: -.01em !important;
  color: #fff !important; white-space: nowrap; line-height: 1 !important;
}
html body .rt-header-wordmark { font-size: 21px; }
.rt-header-wordmark b, .rt-brand-name span { color: var(--rtb-blue) !important; font-weight: 700 !important; }

/* nav */
html body .rt-custom-header .rt-header-nav { gap: 28px !important; align-items: center; }
html:not([lang="en-US"]) body .rt-custom-header .rt-header-nav { gap: 22px !important; }
html body .rt-custom-header .rt-header-nav > li { display: flex; align-items: center; margin: 0 !important; }
html body .rt-custom-header .rt-header-nav > li > a { display: inline-flex; align-items: center; }
html body .rt-custom-header .rt-header-nav > li > a,
html body .rt-custom-header .rt-premium-trigger,
html body .rt-custom-header .rt-resources-trigger {
  font-size: 15px !important; font-weight: 500 !important; letter-spacing: 0 !important;
  color: var(--rtb-soft) !important; gap: 4px !important; line-height: 1.2;
  transition: color .16s ease;
}
html body .rt-custom-header .rt-header-nav > li > a:hover,
html body .rt-custom-header .rt-nav-premium:hover .rt-premium-trigger,
html body .rt-custom-header .rt-nav-resources:hover .rt-resources-trigger { color: #fff !important; }
html body .rt-custom-header .rt-chevron { width: 14px !important; height: 14px !important; opacity: .7; margin: 0 !important; stroke-width: 2.4; }
/* the chevron box has 3.5px of air after its stroke: pull the next item in so "How it Works" sits as close as the others */
html body .rt-custom-header .rt-header-nav .rt-chevron { margin-inline-end: -6px !important; }

/* dropdowns: the kit menu (panel #0d0d10, 9% border, 13px radius) */
html body .rt-custom-header .rt-premium-dropdown,
html body .rt-custom-header .rt-resources-dropdown {
  top: calc(100% + 30px) !important;
  width: 248px !important;
  padding: 6px !important;
  background: var(--rtb-panel) !important;
  border: 1px solid var(--rtb-pline) !important;
  border-radius: 13px !important;
  box-shadow: 0 22px 50px -10px rgba(0,0,0,.85), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
html body .rt-custom-header .rt-nav-premium::after,
html body .rt-custom-header .rt-nav-resources::after { height: 34px; }
html body .rt-custom-header .rt-dd-item { gap: 11px !important; padding: 8px 9px !important; border-radius: 9px !important; }
html body .rt-custom-header .rt-dd-item:hover { background: rgba(255,255,255,.05) !important; }
html body .rt-custom-header .rt-dd-icon {
  width: 36px !important; height: 36px !important; border-radius: 9px !important;
  background: rgba(255,255,255,.035) !important; border: 1px solid var(--rtb-line) !important;
  color: rgba(255,255,255,.6) !important;
}
html body .rt-custom-header .rt-dd-icon svg { width: 18px !important; height: 18px !important; }
html body .rt-custom-header .rt-dd-item:hover .rt-dd-icon { color: #fff !important; border-color: var(--rtb-line2) !important; }
html body .rt-custom-header .rt-dd-item:hover .rt-ddi-primary,
html body .rt-custom-header .rt-ddi-primary {
  background: rgba(10,132,255,.12) !important; border-color: rgba(10,132,255,.38) !important; color: var(--rtb-ice-soft) !important;
}
html body .rt-custom-header .rt-dd-title { font-size: 14.5px !important; font-weight: 600 !important; letter-spacing: 0 !important; color: rgba(255,255,255,.9) !important; }
html body .rt-custom-header .rt-dd-desc { font-size: 12.5px !important; font-weight: 400 !important; color: var(--rtb-dim) !important; }
html body .rt-custom-header .rt-dd-item:hover .rt-dd-title { color: #fff !important; }

/* right side */
html body .rt-custom-header .rt-header-right { gap: 14px !important; align-items: center; flex: none; }
html body .rt-custom-header .rt-discord-icon {
  width: 32px; height: 32px; border-radius: 9px; color: rgba(255,255,255,.7) !important;
  transition: background .16s ease, color .16s ease !important;
}
html body .rt-custom-header .rt-discord-icon svg { width: 19px !important; height: 19px !important; }
html body .rt-custom-header .rt-discord-icon:hover { background: rgba(255,255,255,.06); color: #fff !important; transform: none !important; }

/* language picker trigger: globe + language code (the menu itself is unchanged) */
html body .rt-custom-header .rt-lang--header .rt-lang-btn {
  width: auto !important; min-width: 0 !important; max-width: none !important;
  height: 32px !important; min-height: 0 !important; max-height: none !important;
  aspect-ratio: auto !important; flex: none !important;
  padding: 0 8px !important; gap: 6px !important;
  border: 0 !important; border-radius: 9px !important; background: transparent !important;
  color: var(--rtb-dim) !important; overflow: visible !important;
}
html body .rt-custom-header .rt-lang--header .rt-lang-btn:hover,
html body .rt-custom-header .rt-lang--header[data-open] .rt-lang-btn { background: rgba(255,255,255,.06) !important; color: #fff !important; }
html body .rt-custom-header .rt-lang--header .rt-lang-btn .rt-lang-flag { display: none !important; }
html body .rt-custom-header .rt-lang--header .rt-lang-btn::before {
  content: ""; width: 16px; height: 16px; flex: none; background: currentColor;
  -webkit-mask: var(--rtb-ico-globe) center / contain no-repeat; mask: var(--rtb-ico-globe) center / contain no-repeat;
}
html body .rt-custom-header .rt-lang--header .rt-lang-btn::after { content: "EN"; font: 500 14px/1 var(--rtb-font); letter-spacing: .01em; }
html:lang(de) body .rt-custom-header .rt-lang--header .rt-lang-btn::after { content: "DE"; }
html:lang(es) body .rt-custom-header .rt-lang--header .rt-lang-btn::after { content: "ES"; }
html:lang(fr) body .rt-custom-header .rt-lang--header .rt-lang-btn::after { content: "FR"; }
html:lang(pt) body .rt-custom-header .rt-lang--header .rt-lang-btn::after { content: "PT"; }
html:lang(ru) body .rt-custom-header .rt-lang--header .rt-lang-btn::after { content: "RU"; }
html:lang(sr) body .rt-custom-header .rt-lang--header .rt-lang-btn::after { content: "SR"; }
html:lang(ar) body .rt-custom-header .rt-lang--header .rt-lang-btn::after { content: "AR"; }
html body .rt-custom-header .rt-lang--header .rt-lang-menu { top: calc(100% + 22px) !important; }

html body .rt-custom-header .rt-header-login {
  display: inline-flex; align-items: center; height: 40px; padding: 0 10px; border-radius: 11px;
  font-size: 15px; font-weight: 600; color: var(--rtb-soft) !important; text-decoration: none !important;
  white-space: nowrap; transition: background .16s ease, color .16s ease;
}
html body .rt-custom-header .rt-header-login:hover { background: rgba(255,255,255,.05); color: #fff !important; }
/* signed in: "Log in" becomes the account (initial + name) and opens My Account (rtcustomheader.js) */
html body .rt-custom-header .rt-header-login.rt-is-user {
  gap: 8px; height: 38px; padding: 0 12px 0 5px; border: 1px solid var(--rtb-line2);
  background: rgba(255,255,255,.03); color: #fff !important;
}
html body .rt-custom-header .rt-header-login.rt-is-user:hover { background: rgba(255,255,255,.07); }
html body .rt-custom-header .rt-user-pic {
  width: 28px; height: 28px; flex: none; border-radius: 50%; display: inline-grid; place-items: center;
  background: linear-gradient(135deg, var(--rtb-blue), var(--rtb-ice-soft)); color: #fff;
  font-size: 13px; font-weight: 700; line-height: 1; box-shadow: inset 0 0 0 1px rgba(255,255,255,.14);
}
html body .rt-custom-header .rt-user-name { min-width: 0; max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html body .rt-custom-header .rt-mobile-login > a.rt-is-user { gap: 12px; }
html body .rt-custom-header .rt-mobile-login .rt-user-pic { width: 30px; height: 30px; font-size: 14px; }

/* primary button (kit .btn.pri) with the Windows mark */
html body .rt-custom-header .rt-header-download-btn,
html body .rt-footer-wrapper .rt-download-btn {
  display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px;
  height: 42px; padding: 0 18px !important; border-radius: 11px !important;
  background: var(--rtb-blue) !important; color: #fff !important; border: 1px solid transparent !important;
  font-family: var(--rtb-font) !important; font-size: 14px !important; font-weight: 600 !important;
  letter-spacing: 0 !important; text-transform: none !important; line-height: 1 !important; white-space: nowrap;
  text-decoration: none !important;
  box-shadow: 0 6px 22px -6px rgba(10,132,255,.75), inset 0 1px 0 rgba(255,255,255,.18) !important;
  transition: background .16s ease, box-shadow .2s ease, transform .16s ease !important;
}
html body .rt-custom-header .rt-header-download-btn::before,
html body .rt-footer-wrapper .rt-download-btn::before {
  content: ""; width: 15px; height: 15px; flex: none; background: currentColor;
  -webkit-mask: var(--rtb-ico-win) center / contain no-repeat; mask: var(--rtb-ico-win) center / contain no-repeat;
}
html body .rt-custom-header .rt-header-download-btn:hover,
html body .rt-footer-wrapper .rt-download-btn:hover {
  background: var(--rtb-blue-h) !important; color: #fff !important; transform: none !important;
  box-shadow: 0 8px 30px -4px rgba(10,132,255,.95), inset 0 1px 0 rgba(255,255,255,.2) !important;
}
html body .rt-custom-header .rt-header-download-btn:active,
html body .rt-footer-wrapper .rt-download-btn:active { background: var(--rtb-blue-p) !important; }

/* order on the right: Discord, language, Log in, Download, menu */
html body .rt-custom-header .rt-header-login { order: 1; }
html body .rt-custom-header .rt-header-download-btn { order: 2; }
html body .rt-custom-header .rt-hamburger { order: 3; }

/* mobile menu panel (same JS: body.rt-mobile-active) */
html body .rt-custom-header .rt-mobile-menu-panel {
  top: 100% !important; left: 12px !important; right: 12px !important; margin-top: 8px !important;
  padding: 8px 14px !important; gap: 0 !important;
  background: var(--rtb-panel) !important; border: 1px solid var(--rtb-pline) !important; border-radius: 16px !important;
  box-shadow: 0 22px 50px -10px rgba(0,0,0,.85), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
html body .rt-custom-header .rt-mobile-menu-panel > li { margin: 0 !important; border-top: 1px solid var(--rtb-line); }
html body .rt-custom-header .rt-mobile-menu-panel > li:nth-child(2) { border-top: 0; }
html body .rt-custom-header .rt-mobile-menu-panel > li.rt-mobile-login { order: 1; }
html body .rt-custom-header .rt-mobile-menu-panel > li > a,
html body .rt-custom-header .rt-mobile-resources-group > summary {
  font-size: 17px !important; font-weight: 600 !important; letter-spacing: 0 !important; color: #fff !important;
  padding: 13px 4px !important; min-height: 48px; box-sizing: border-box; display: flex; align-items: center;
}
html body .rt-custom-header .rt-mobile-resources-group[open] > summary { color: var(--rtb-blue) !important; }
html body .rt-custom-header .rt-mobile-dd-sub { gap: 2px !important; padding: 0 0 10px !important; }
html body .rt-custom-header .rt-mobile-dd-sub a {
  font-size: 15px !important; font-weight: 500 !important; letter-spacing: 0 !important;
  color: var(--rtb-dim) !important; padding: 9px 4px !important;
}
html body .rt-custom-header .rt-mobile-dd-sub a:hover { color: #fff !important; }
/* Resources opens instantly (rt-global-ui leaves the menu out of its height animation, which stuttered
   on phones); the links fade in and the chevron turns, both on the compositor */
html body .rt-custom-header .rt-mobile-resources-group > summary svg { transition: transform .25s cubic-bezier(.16,1,.3,1); }
html body .rt-custom-header .rt-mobile-resources-group[open] > summary svg { transform: rotate(180deg); }
html body .rt-custom-header .rt-mobile-resources-group[open] > .rt-mobile-dd-sub { animation: rtb-dd-in .22s cubic-bezier(.16,1,.3,1); }
@keyframes rtb-dd-in { from { opacity: 0; transform: translateY(-4px); } }

/* menu button: a 44px (tap-target size) header icon button like the language one. It is a <button>, so
   the theme's grey button:hover/:focus background showed through after a tap; three 2px lines fold into
   an X centred on the button. */
html body .rt-custom-header .rt-hamburger,
html body .rt-custom-header .rt-hamburger:hover,
html body .rt-custom-header .rt-hamburger:focus,
html body .rt-custom-header .rt-hamburger:active {
  position: relative; width: 44px !important; height: 44px !important; min-width: 0; min-height: 0; padding: 0 !important; margin: 0 !important;
  border: 0 !important; border-radius: 12px !important; background: transparent !important; box-shadow: none !important;
  outline: none; -webkit-tap-highlight-color: transparent; transition: background .16s ease !important;
}
@media (hover: hover) { html body .rt-custom-header .rt-hamburger:hover { background: rgba(255,255,255,.06) !important; } }
html body.rt-mobile-active .rt-custom-header .rt-hamburger { background: rgba(255,255,255,.06) !important; }
html body .rt-custom-header .rt-hamburger:focus-visible { outline: 2px solid var(--rtb-blue); outline-offset: 2px; }
html body .rt-custom-header .rt-hamburger span {
  position: absolute; left: 50%; top: 50%; width: 18px !important; height: 2px !important; margin: -1px 0 0 -9px !important;
  border-radius: 2px; background-color: #fff !important;
  transition: transform .3s cubic-bezier(.16,1,.3,1), opacity .2s ease !important;
}
html body .rt-custom-header .rt-hamburger span:nth-child(1) { transform: translateY(-6px); }
html body .rt-custom-header .rt-hamburger span:nth-child(2) { transform: none; }
html body .rt-custom-header .rt-hamburger span:nth-child(3) { transform: translateY(6px); }
html body.rt-mobile-active .rt-custom-header .rt-hamburger span:nth-child(1) { transform: rotate(45deg); }
html body.rt-mobile-active .rt-custom-header .rt-hamburger span:nth-child(2) { opacity: 0; }
html body.rt-mobile-active .rt-custom-header .rt-hamburger span:nth-child(3) { transform: rotate(-45deg); }
@media (prefers-reduced-motion: reduce) {
  html body .rt-custom-header .rt-mobile-resources-group[open] > .rt-mobile-dd-sub { animation: none; }
}

/* 993-1180px: tighter so the longer languages still fit on one row */
@media (max-width: 1180px) {
  html body .rt-custom-header .rt-header-left { gap: 24px !important; }
  html body .rt-custom-header .rt-header-nav,
  html:not([lang="en-US"]) body .rt-custom-header .rt-header-nav { gap: 18px !important; }
  html body .rt-custom-header .rt-header-nav > li > a,
  html body .rt-custom-header .rt-premium-trigger,
  html body .rt-custom-header .rt-resources-trigger { font-size: 14px !important; }
  html body .rt-custom-header .rt-header-right { gap: 8px !important; }
  html body .rt-custom-header .rt-header-login { display: none; }
}

/* <= 992px: logo + language + menu button, exactly the old mobile behaviour */
@media (max-width: 992px) {
  body { padding-top: 96px !important; }
  html body .rt-custom-header {
    height: 64px !important; padding: 0 12px 0 16px !important; top: 0 !important;
    width: 100% !important; min-height: 0 !important;
  }
  html body .rt-custom-header .rt-header-logo img { width: 44px !important; }
  html body .rt-header-wordmark { font-size: 19px; }
  html body .rt-custom-header .rt-header-right { gap: 4px !important; }
  html body .rt-custom-header .rt-header-login,
  html body .rt-custom-header .rt-discord-icon,
  html body .rt-custom-header .rt-header-download-btn { display: none !important; }
  html body .rt-custom-header .rt-lang--header .rt-lang-menu { top: calc(100% + 16px) !important; }
}
@media (max-width: 900px) {
  html body { padding-top: 96px !important; }
}

/* ---------------------------------------------------------------- footer */
html body .rt-footer-wrapper {
  background: var(--rtb-bg) !important;
  border-top: 1px solid var(--rtb-line) !important;
  font-family: var(--rtb-font) !important;
  color: var(--rtb-dim) !important;
}
html body .rt-footer-wrapper * { font-family: var(--rtb-font) !important; }
html body .rt-footer-wrapper .rt-brand-header { gap: 10px !important; margin: 0 !important; text-decoration: none !important; }
html body .rt-footer-wrapper .rt-brand-logo { width: 52px !important; height: auto !important; margin: -6px 0 !important; margin-inline-start: -6px !important; filter: none !important; }
html body .rt-footer-wrapper .rt-brand-name { font-size: 21px !important; margin: 0 !important; }
html body .rt-footer-wrapper .rt-brand-desc {
  font-size: 14.5px !important; line-height: 1.6 !important; color: var(--rtb-dim) !important;
  max-width: 340px !important; margin: 14px 0 18px !important;
}
html body .rt-footer-wrapper .rt-download-btn { height: 32px; padding: 0 13px !important; border-radius: 9px !important; font-size: 13px !important; gap: 6px; }
html body .rt-footer-wrapper .rt-download-btn::before { width: 13px; height: 13px; }
html body .rt-footer-wrapper .rt-footer-title {
  font-size: 15px !important; font-weight: 600 !important; color: #fff !important;
  text-transform: none !important; letter-spacing: 0 !important; margin: 0 0 4px !important; opacity: 1 !important;
}
html body .rt-footer-wrapper .rt-footer-list { gap: 0 !important; }
html body .rt-footer-wrapper .rt-footer-list li a,
html body .rt-footer-wrapper .rt-footer-main .rt-footer-col a {
  font-size: 14.5px !important; font-weight: 400 !important; color: var(--rtb-dim) !important;
  padding: 8px 0 0 !important; transform: none !important; transition: color .16s ease !important;
}
html body .rt-footer-wrapper .rt-footer-list li a:hover { color: #fff !important; }

/* Trustpilot + secure checkout row: one hairline card */
html body .rt-footer-wrapper .rt-footer-trust {
  background: var(--rtb-card) !important; border: 1px solid var(--rtb-line) !important; border-radius: 14px !important;
}
html body .rt-footer-wrapper .rt-ft-tp { font-size: 13px !important; color: var(--rtb-dim) !important; }
html body .rt-footer-wrapper .rt-ft-tp strong { color: #fff !important; font-family: var(--rtb-mono) !important; font-weight: 600 !important; }
html body .rt-footer-wrapper .rt-sec-label { font-size: 12.5px !important; font-weight: 500 !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--rtb-dim) !important; }

html body .rt-footer-wrapper .rt-footer-bottom { border-top: 1px solid var(--rtb-line) !important; }
html body .rt-footer-wrapper .rt-copyright { font-size: 13px !important; font-weight: 400 !important; color: var(--rtb-dim) !important; }
html body .rt-footer-wrapper .rt-socials { gap: 6px !important; }
html body .rt-footer-wrapper .rt-social-link { width: 32px !important; height: 32px !important; border-radius: 9px !important; color: rgba(255,255,255,.55) !important; transform: none !important; }
html body .rt-footer-wrapper .rt-social-link svg { width: 18px !important; height: 18px !important; }
html body .rt-footer-wrapper .rt-social-link:hover { color: #fff !important; background: rgba(255,255,255,.06) !important; }

@media (min-width: 901px) {
  html body .rt-footer-wrapper { padding: 56px 0 40px !important; }
  html body .rt-footer-wrapper .rt-footer-container { max-width: 1248px !important; padding: 0 24px !important; }
  html body .rt-footer-wrapper .rt-footer-main {
    grid-template-columns: 1.6fr 1fr 1fr 1fr !important; gap: 40px !important; margin-bottom: 44px !important;
  }
  html body .rt-footer-wrapper .rt-footer-trust { margin: 0 0 24px !important; }
  html body .rt-footer-wrapper .rt-footer-bottom { padding-top: 24px !important; }
}
@media (min-width: 901px) and (max-width: 1100px) {
  html body .rt-footer-wrapper .rt-footer-main { grid-template-columns: 1.3fr 1fr 1fr 1fr !important; gap: 28px !important; }
}
@media (max-width: 900px) {
  html body .rt-footer-wrapper .rt-brand-header { justify-content: flex-start !important; }
  html body .rt-footer-wrapper .rt-footer-title { font-size: 13px !important; }
  html body .rt-footer-wrapper .rt-footer-list li a,
  html body .rt-footer-wrapper .rt-footer-main .rt-footer-col a { font-size: 13.5px !important; padding: 6px 0 0 !important; }
  html body .rt-footer-wrapper .rt-download-btn { height: 40px; padding: 0 16px !important; font-size: 14px !important; }
}


        .rt-seamless-cta {
            /* REMOVED MASSIVE MARGINS AND PADDING */
            margin: 20px auto 60px auto !important; 
            padding: 0 20px;
            max-width: 1000px;
            text-align: center;
            font-family: 'Space Grotesk','Rubik', sans-serif;
            display: flex;
            flex-direction: column;
            align-items: center;
            clear: both;
        }
        .rt-seamless-title {
            color: #ffffff !important;
            font-size: 58px !important;
            font-weight: 900 !important;
            line-height: 1.1 !important;
            letter-spacing: -2.5px !important;
            margin: 0 0 20px 0 !important;
            text-transform: none !important;
            border: none !important;
        }
        .rt-seamless-desc {
            color: #888 !important;
            font-size: 20px !important;
            line-height: 1.5 !important;
            margin: 0 auto 40px auto !important;
            max-width: 750px;
            font-weight: 400;
        }
        .rt-seamless-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 18px;
            background: #0a84ff;
            color: #ffffff !important;
            padding: 22px 55px;
            border-radius: 12px;
            text-decoration: none !important;
            transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            box-shadow: 0 10px 30px rgba(10, 132, 255, 0.2);
            border: 1px solid rgba(255,255,255,0.1);
        }
        .rt-seamless-btn:hover {
            transform: scale(1.04) translateY(-3px);
            background: #3395ff;
            box-shadow: 0 15px 40px rgba(10, 132, 255, 0.4);
            color: #ffffff !important;
        }
        .rt-seamless-btn svg {
            width: 28px;
            height: 28px;
            stroke: #ffffff;
            fill: none;
            flex-shrink: 0;
        }
        .rt-seamless-btn-col {
            display: flex;
            flex-direction: column;
            text-align: left;
            line-height: 1.1;
        }
        .rt-seamless-btn-main {
            font-size: 20px;
            font-weight: 900;
            letter-spacing: 0.5px;
            color: #ffffff !important;
        }
        .rt-seamless-btn-sub {
            font-size: 12px;
            font-weight: 700;
            color: rgba(255, 255, 255, 0.6);
            text-transform: uppercase;
            margin-top: 4px;
            letter-spacing: 1px;
        }

        @media (max-width: 768px) {
            .rt-seamless-title { font-size: 38px !important; letter-spacing: -1px !important; }
            .rt-seamless-desc { font-size: 17px !important; }
            .rt-seamless-btn { width: 100%; padding: 18px 20px; }
            .rt-seamless-btn-col { text-align: center; }
        }
    

  /* 1. KILL GENERATEPRESS GAPS */
  .site-footer .widget {
    margin-bottom: 0 !important;
    padding: 0 !important;
  }
  .inside-footer-widgets, .site-footer {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  /* 2. THE VIEWPORT BREAKOUT & SOLIDIFICATION WIZARDRY */
  .rt-footer-wrapper {
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    max-width: 100vw !important;
    
    /* THE FIX: Hardcode color, force opacity, raise z-index */
    background: #0a0a0a !important; 
    opacity: 1 !important;
    position: relative !important;
    z-index: 9999 !important;
    backdrop-filter: none !important;
    
    padding: 70px 0 40px 0 !important;
    font-family: var(--rt-font, 'Space Grotesk','Rubik', sans-serif) !important;
    color: var(--rt-text-grey, #888888);
    box-sizing: border-box;
    border-top: 1px solid var(--rt-border, #2a2a35);
  }

  /* 3. WIDE, STRIPE-LIKE CONTENT CONTAINER */
  .rt-footer-container {
    width: 100% !important;
    max-width: 1440px !important; 
    margin: 0 auto !important;
    padding: 0 60px !important; 
    box-sizing: border-box;
  }

  /* --- 4-Column Layout (Spaced Out) --- */
  .rt-footer-main {
    display: grid;
    grid-template-columns: 2.5fr 1fr 1fr 1.5fr; 
    gap: 80px; 
    margin-bottom: 60px;
    align-items: start;
  }

  /* --- Column 1: Brand, Desc, Button --- */
  .rt-brand-header {
    display: inline-flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
    text-decoration: none;
  }

  .rt-brand-logo {
    width: 50px; 
    height: auto;
    aspect-ratio: 1; object-fit: contain; transform: scale(1.25);
    display: block;
  }

  .rt-brand-name {
    font-size: 1.8rem;
    font-weight: 900;
    color: var(--rt-text-white, #ffffff);
    letter-spacing: -0.02em;
    margin: 0;
    line-height: 1;
  }

  .rt-brand-desc {
    font-size: 1rem;
    line-height: 1.7;
    color: #aaaaaa;
    margin-bottom: 30px;
    max-width: 450px; 
  }

  .rt-download-btn {
    display: inline-block;
    background: var(--rt-red-core, #0a84ff);
    color: #ffffff;
    font-weight: 800;
    font-size: 0.95rem;
    padding: 16px 32px;
    border-radius: 6px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.2s ease;
    border: 1px solid var(--rt-red-core, #0a84ff);
    box-shadow: 0 5px 15px rgba(10, 132, 255, 0.2);
  }

  .rt-download-btn:hover {
    background: #0670dc;
    border-color: #0670dc;
    box-shadow: 0 5px 20px rgba(10, 132, 255, 0.4);
    transform: translateY(-2px);
  }

  /* --- Columns 2 & 3: Links --- */
  .rt-footer-title {
    font-size: 1.1rem;
    font-weight: 900;
    color: var(--rt-text-white, #ffffff);
    margin-top: 10px;
    margin-bottom: 25px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
  }

  .rt-footer-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .rt-footer-list li a {
    color: var(--rt-text-grey, #888888);
    text-decoration: none;
    font-size: 1rem;
    font-weight: 500;
    transition: all 0.2s ease;
    display: inline-block;
  }

  .rt-footer-list li a:hover {
    color: var(--rt-red-core, #0a84ff);
    transform: translateX(4px);
  }

  /* --- Column 4: Trustpilot --- */
  .rt-trustpilot-badge {
    display: inline-flex;
    flex-direction: column;
    text-decoration: none;
    margin-top: 10px;
    transition: transform 0.3s ease;
  }

  .rt-trustpilot-badge:hover {
    transform: translateY(-3px);
  }

  .rt-tp-stars {
    color: #00b67a;
    font-size: 1.8rem;
    letter-spacing: 2px;
    line-height: 1;
    margin-bottom: 8px;
  }

  .rt-tp-text {
    font-size: 0.95rem;
    color: #ccc;
    font-weight: 500;
  }
  
  .rt-tp-text strong {
    color: #fff;
    font-weight: 900;
  }

  .rt-trustpilot-badge:hover .rt-tp-text strong {
    color: #00b67a;
  }

  /* --- SEO Keyword Block --- */
  .rt-footer-seo {
    border-top: 1px solid var(--rt-border, #2a2a35);
    padding: 30px 0;
    margin-top: 20px;
  }

  .rt-seo-links {
    font-size: 0.8rem;
    color: #444;
    line-height: 1.8;
    font-weight: 500;
  }
  
  .rt-seo-links span {
    color: #666;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }

  /* --- Bottom Copyright & Socials Bar --- */
  .rt-footer-bottom {
    border-top: 1px solid var(--rt-border, #2a2a35);
    padding-top: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .rt-copyright {
    font-size: 0.95rem;
    color: #777;
    font-weight: 500;
  }

  .rt-socials {
    display: flex;
    gap: 12px;
  }
  
  .rt-social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 6px;
    background: transparent;
    color: #666;
    transition: all 0.3s ease;
  }

  .rt-social-link:hover {
    color: var(--rt-text-white, #ffffff);
    transform: translateY(-2px);
  }

  .rt-social-link svg {
    width: 22px;
    height: 22px;
    fill: currentColor;
  }

  /* --- Responsive Breakpoints --- */
  @media (max-width: 1100px) {
    .rt-footer-main {
      grid-template-columns: 1fr 1fr;
      gap: 60px;
    }
  }

  @media (max-width: 600px) {
    .rt-footer-main {
      grid-template-columns: 1fr;
      gap: 50px;
      text-align: center;
    }
    .rt-brand-header {
      justify-content: center;
    }
    .rt-brand-desc {
      margin: 0 auto 30px auto;
    }
    .rt-download-btn {
      display: block;
      width: 100%;
      max-width: 280px;
      margin: 0 auto;
    }
    .rt-footer-list {
      align-items: center;
    }
    .rt-trustpilot-badge {
      align-items: center;
    }
    .rt-footer-bottom {
      flex-direction: column;
      gap: 20px;
    }
    .rt-socials {
      justify-content: center;
    }
    .rt-footer-container {
      padding: 0 30px !important;
    }
  }
.rt-footer-pay{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;padding:24px 0;border-top:1px solid rgba(255,255,255,.08);margin-top:6px;}.rt-pay-label{color:#7d7d85;font-weight:800;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;}.rt-pay-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;}.rt-pay-chip{height:32px;width:48px;display:inline-flex;align-items:center;justify-content:center;background:#fff;border-radius:7px;padding:0 7px;border:1px solid rgba(0,0,0,.06);transition:transform .2s ease;}.rt-pay-chip:hover{transform:translateY(-2px);}.rt-pay-chip img{max-height:17px;max-width:38px;width:auto;height:auto;display:block;}@media(max-width:600px){.rt-footer-pay{flex-direction:column;gap:12px;}}.rt-footer-trust{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:8px 0 34px;padding:16px 20px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:14px;}.rt-trust-left{display:flex;align-items:center;gap:10px;}.rt-ft-stars{color:#00b67a;font-size:16px;letter-spacing:1px;line-height:1;}.rt-ft-tp{font-size:13px;color:#cfcfcf;}.rt-ft-tp strong{color:#fff;font-weight:800;}.rt-trust-right{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}.rt-sec-label{display:inline-flex;align-items:center;gap:6px;color:#7d7d7d;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;}.rt-pay-rail{display:flex;gap:6px;flex-wrap:wrap;align-items:center;}.rt-pc{height:28px;width:42px;display:inline-flex;align-items:center;justify-content:center;background:#fff;border-radius:6px;}.rt-pc img{width:20px;height:20px;display:block;}@media(max-width:700px){.rt-footer-trust{flex-direction:column;align-items:flex-start;}}

/* Deliberately minimal: the trigger is JUST the flag. Leon's brief was "as
   subtle as it can be, only the icon", and it also buys back the ~110px the
   old "flag + language name + chevron" pill was eating in a mobile header. */
.rt-lang{position:relative;display:inline-block;font-family:'Space Grotesk','Rubik',system-ui,sans-serif;line-height:1}
/* A perfect circle: fixed box, aspect-ratio as a guard, and flex:0 0 auto so
   a flex parent cannot stretch it into the egg shape Leon spotted. */
.rt-lang-btn{display:inline-flex;align-items:center;justify-content:center;
  width:36px;height:36px;min-width:36px;aspect-ratio:1/1;flex:0 0 auto;padding:0;
  background:transparent;border:1px solid rgba(255,255,255,.16);color:#fff;border-radius:50%;
  overflow:hidden;cursor:pointer;
  transition:border-color .18s ease,background .18s ease,transform .18s ease}
.rt-lang-btn:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.32)}
.rt-lang-btn:active{transform:scale(.94)}
.rt-lang[data-open] .rt-lang-btn{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.36)}
/* The flag artwork is 4:3. Cropping it to a square keeps the circle round
   instead of squashing the flag to fit. */
.rt-lang-btn .rt-lang-flag{width:100%;height:100%;border-radius:50%;
  object-fit:cover;object-position:center;flex:0 0 auto;display:block}
/* The trigger's language name stays in the DOM for screen readers and is
   only hidden visually. Removing it outright would leave the control
   announced as an unlabelled button. */
.rt-lang-name{position:absolute;width:1px;height:1px;margin:-1px;padding:0;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.rt-lang-chev{display:none}

/* Smooth pop, same easing curve as the desktop apps. Animated with
   opacity+transform (compositor only) rather than by toggling [hidden],
   which cannot transition. */
/* The app's language menu (RtMenu): #0d0d10 panel, 9% hairline, 13px radius, a lit top edge. */
.rt-lang-menu{position:absolute;z-index:100000;min-width:180px;background:#0d0d10;
  border:1px solid rgba(255,255,255,.09);border-radius:13px;padding:6px;
  box-shadow:0 22px 50px -10px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.06);inset-inline-start:auto;inset-inline-end:0;
  opacity:0;visibility:hidden;transform:translateY(-6px) scale(.97);transform-origin:top right;
  transition:opacity .17s ease,transform .19s cubic-bezier(.16,1,.3,1),visibility 0s linear .19s}
.rt-lang[data-open] .rt-lang-menu{opacity:1;visibility:visible;transform:none;
  transition:opacity .17s ease,transform .19s cubic-bezier(.16,1,.3,1),visibility 0s}
.rt-lang--footer .rt-lang-menu{top:auto;bottom:calc(100% + 10px);transform-origin:bottom right;
  transform:translateY(6px) scale(.97)}
.rt-lang--header .rt-lang-menu{top:calc(100% + 10px)}
.rt-lang--footer.rt-lang[data-open] .rt-lang-menu{transform:none}
[dir="rtl"] .rt-lang-menu{inset-inline-start:0;inset-inline-end:auto;transform-origin:top left}

/* RtMenuItem: language name, then a reserved tick column (the tick only on the
   current row, so every label stays on the same x). No flags (the app has none). */
.rt-lang-item{display:grid;grid-template-columns:1fr 15px;align-items:center;
  column-gap:12px;height:38px;padding:0 11px;border-radius:9px;box-sizing:border-box;
  color:rgba(255,255,255,.82)!important;text-decoration:none!important;
  font:500 14px/1 'Space Grotesk','Rubik',system-ui,sans-serif;
  transition:background .12s ease,color .12s ease}
.rt-lang-item:hover{background:rgba(255,255,255,.05);color:#fff!important}
.rt-lang-item.is-current{color:#fff!important}
.rt-lang-label{text-align:start;white-space:nowrap;min-width:0;
  overflow:hidden;text-overflow:ellipsis}
/* the Arabic name keeps dir=rtl for shaping but lines up with the others, like the app */
html:not([dir="rtl"]) .rt-lang-label{text-align:left}
.rt-lang-tick{color:#0a84ff;justify-self:end;width:15px;height:15px}
@media (prefers-reduced-motion: reduce){
  .rt-lang-menu{transition:none!important}
}

/* Translated nav labels are longer than the English ones (German runs about
   +35%, French +20%). "How it Works" becomes "So funktioniert es" and wrapped
   onto three lines, which pushed the header apart. Keep every nav item on one
   line and let the row tighten its spacing instead. */
.rt-header-nav > li > a,
.rt-header-nav > li > span,
.rt-premium-trigger,
.rt-header-download-btn{white-space:nowrap}
.rt-dd-title,.rt-dd-desc{white-space:nowrap}
html:not([lang="en-US"]) .rt-header-nav{gap:18px}
@media(max-width:1180px){
  html:not([lang="en-US"]) .rt-header-nav{gap:14px}
  html:not([lang="en-US"]) .rt-header-nav > li > a,
  html:not([lang="en-US"]) .rt-header-nav > li > span,
  html:not([lang="en-US"]) .rt-premium-trigger{font-size:14px}
}