.spi-rd:not(#spi-rd-x){--bg: #000;
	--surface: #0e0e0e;
	--surface-2: #161616;
	--line: rgba(255, 255, 255, .12);
	--line-strong: rgba(255, 255, 255, .28);
	--text: #fff;
	--muted: rgba(255, 255, 255, .62);
	--faint: rgba(255, 255, 255, .34);
	--accent: #4ca49a;
	--radius: 25px;
	--radius-s: 14px;
	--gutter: clamp(22px, 4.2vw, 60px);
	--max: 1440px;
	--ease-out: cubic-bezier(0.23, 1, 0.32, 1);
	--ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
	--font-ui: 'Manrope', system-ui, sans-serif;
	--font-display: 'Host Grotesk', 'Manrope', system-ui, sans-serif;}
.spi-rd:not(#spi-rd-x) *,.spi-rd:not(#spi-rd-x) *::before,.spi-rd:not(#spi-rd-x) *::after{box-sizing: border-box;}
.spi-rd:not(#spi-rd-x) img{display: block; max-width: 100%;}
.spi-rd:not(#spi-rd-x) a{color: inherit;}
.spi-rd:not(#spi-rd-x) button{font: inherit; color: inherit;}
.spi-rd:not(#spi-rd-x) :focus-visible{outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 6px;}
.spi-rd:not(#spi-rd-x) .sr-only{position: absolute !important; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;}
.spi-rd:not(#spi-rd-x) .wrap{max-width: var(--max); margin: 0 auto; padding-inline: var(--gutter);}
.spi-rd:not(#spi-rd-x) .pill{display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 22px; border: 1.5px solid var(--text); border-radius: 200px; background: transparent; text-decoration: none; font-size: 14px; letter-spacing: .02em; cursor: pointer; transition: background-color .2s ease, color .2s ease, border-color .2s ease;}
@media (hover: hover) and (pointer: fine){.spi-rd:not(#spi-rd-x) .pill:hover{background: var(--text); color: var(--bg);}}
.spi-rd:not(#spi-rd-x) .pill:active{transform: scale(.97); transition: transform .12s var(--ease-out);}
.spi-rd:not(#spi-rd-x) .pill--ghost{border-color: var(--line-strong);}
.spi-rd:not(#spi-rd-x) .pill--solid{background: var(--text); color: var(--bg);}
@media (hover: hover) and (pointer: fine){.spi-rd:not(#spi-rd-x) .pill--solid:hover{background: var(--accent); border-color: var(--accent); color: var(--bg);}}
.spi-rd:not(#spi-rd-x) .eyebrow{display: inline-flex; align-items: center; gap: 10px; font-size: 13px; letter-spacing: .14em; text-transform: uppercase; color: var(--muted);}
.spi-rd:not(#spi-rd-x) .split-word{display: inline-block; overflow: clip; vertical-align: top; padding: .08em .02em .24em; margin: -.08em -.02em -.24em;}
.spi-rd:not(#spi-rd-x) .split-word > span{display: inline-block; will-change: transform;}
.spi-rd:not(#spi-rd-x) .logo{display: block; width: max(calc(var(--s, 40px) * var(--lw, 1)), calc(var(--minh, 0px) * var(--ar, 1))); height: auto; max-width: 100%; object-fit: contain;}
.spi-rd:not(#spi-rd-x) .logo--svg{filter: brightness(0) invert(1);}
.spi-rd:not(#spi-rd-x) li{list-style: none;}
.spi-rd:not(#spi-rd-x) li{list-style: none !important;}
.spi-rd:not(#spi-rd-x) li::marker{content: none;}
.spi-rd:not(#spi-rd-x){font:400 18px/1.55 var(--font-ui);color:var(--text);-webkit-font-smoothing:antialiased}
.spi-rd:not(#spi-rd-x).spi-brand-rd{background:var(--bg)}
.spi-rd:not(#spi-rd-x) .wrap{max-width:var(--max);margin:0 auto;padding-inline:var(--gutter)}
.spi-rd:not(#spi-rd-x) img{margin:0}