@property --nav-btn-bg{syntax: '<color>';inherits: false;initial-value: transparent;}@property --nav-btn-fg{syntax: '<color>';inherits: false;initial-value: transparent;}@property --nav-btn-bd{syntax: '<color>';inherits: false;initial-value: transparent;}@property --nav-btn-bg-over{syntax: '<color>';inherits: false;initial-value: transparent;}@property --nav-btn-fg-over{syntax: '<color>';inherits: false;initial-value: transparent;}@property --nav-btn-bd-over{syntax: '<color>';inherits: false;initial-value: transparent;}@property --nav-focus{syntax: '<color>';inherits: true;initial-value: #5E29F5;}@supports (animation-timeline: view()){.reveal{opacity: 0;translate: 0 var(--rise);animation: reveal linear both;animation-timeline: view();animation-range: cover calc(4vh + var(--i,0) * 3vh) cover calc(30vh + var(--i,0) * 3vh);}@keyframes reveal{to{opacity: 1;translate: 0 0;}}.reveal-grid > :nth-child(3n + 2){--i: 1;}.reveal-grid > :nth-child(3n){--i: 2;}.reveal-grid--2 > :nth-child(n){--i: 0;}.reveal-grid--2 > :nth-child(2n){--i: 1;}.reveal--start{translate: calc(var(--ix) * -1 * var(--rise)) 0;}.reveal--end{translate: calc(var(--ix) * var(--rise)) 0;}html:has(.hero) .nav{animation: nav-solid linear both;animation-timeline: scroll();animation-range: 0 80px;}@keyframes nav-solid{from{background: transparent;border-bottom-color: transparent;--nav-focus: #fff;}to{background: var(--surface);border-bottom-color: var(--hairline);--nav-focus: var(--brand);}}html:has(.hero) .nav__logo--reversed{display: block;animation: logo-out linear both;animation-timeline: scroll();animation-range: 0 80px;}html:has(.hero) .nav__logo--regular{animation: logo-in linear both;animation-timeline: scroll();animation-range: 0 80px;}@keyframes logo-out{to{opacity: 0;}}@keyframes logo-in{from{opacity: 0;}}html:has(.hero) .nav__links a,html:has(.hero) .nav__burger{animation: nav-ink linear both;animation-timeline: scroll();animation-range: 0 80px;}@keyframes nav-ink{from{color: #fff;}to{color: var(--text);}}html:has(.hero) .nav__actions .btn:not(.btn-outline){animation: nav-primary linear both;animation-timeline: scroll();animation-range: 0 80px;background: var(--nav-btn-bg);color: var(--nav-btn-fg);}@keyframes nav-primary{from{background-color: #fff;color: var(--brand);}to{background-color: var(--brand);color: #fff;}}@keyframes nav-primary-over{from{background-color: var(--brand-100);color: var(--brand);}to{background-color: var(--brand-600);color: #fff;}}html:has(.hero) .nav__actions .btn-outline{animation: nav-outline linear both;animation-timeline: scroll();animation-range: 0 80px;background: var(--nav-btn-bg);color: var(--nav-btn-fg);border-color: var(--nav-btn-bd);}@keyframes nav-outline{from{background-color: rgba(255,255,255,0);color: #fff;border-color: rgba(255,255,255,.55);}to{background-color: rgba(255,255,255,0);color: var(--brand);border-color: var(--brand);}}@keyframes nav-outline-over{from{background-color: rgba(255,255,255,.18);color: #fff;border-color: #fff;}to{background-color: var(--brand-100);color: var(--brand);border-color: var(--brand);}}html:has(.hero) .nav__actions .btn:not(.btn-outline):hover,html:has(.hero) .nav__actions .btn:not(.btn-outline):focus-visible{animation-name: nav-primary-over;background: var(--nav-btn-bg-over);color: var(--nav-btn-fg-over);}html:has(.hero) .nav__actions .btn-outline:hover,html:has(.hero) .nav__actions .btn-outline:focus-visible{animation-name: nav-outline-over;background: var(--nav-btn-bg-over);color: var(--nav-btn-fg-over);border-color: var(--nav-btn-bd-over);}html:has(.hero) .nav__actions .btn:focus-visible,html:has(.hero) .nav__links a:focus-visible,html:has(.hero) .nav__brand:focus-visible,html:has(.hero) .nav__burger:focus-visible,html:has(.hero) #navToggle:focus-visible ~ .nav .nav__burger{outline-color: var(--nav-focus);}@media (max-width: 1100px){html:has(.hero) #navToggle:checked ~ .nav .nav__links a{animation: none;color: var(--text);}html:has(.hero) #navToggle:checked ~ .nav .nav__menu{--nav-focus: var(--brand);}html:has(.hero) #navToggle:checked ~ .nav .nav__actions .btn:not(.btn-outline){animation: none;--nav-btn-bg: var(--brand);--nav-btn-fg: #fff;--nav-btn-bg-over: var(--brand-600);--nav-btn-fg-over: #fff;}html:has(.hero) #navToggle:checked ~ .nav .nav__actions .btn-outline{animation: none;--nav-btn-bg: transparent;--nav-btn-fg: var(--brand);--nav-btn-bd: var(--brand);--nav-btn-bg-over: var(--brand-100);--nav-btn-fg-over: var(--brand);--nav-btn-bd-over: var(--brand);}}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: .01ms !important;animation-iteration-count: 1 !important;transition-duration: .01ms !important;scroll-behavior: auto !important;}.reveal{opacity: 1 !important;translate: none !important;}.nav{background: var(--surface) !important;border-bottom-color: var(--hairline) !important;}.nav__logo--reversed{display: none !important;}.nav__logo--regular{opacity: 1 !important;}.nav__links a,.nav__burger,.nav__actions .btn{animation: none !important;}.nav{--nav-focus: var(--brand);}.nav__actions .btn:not(.btn-outline){--nav-btn-bg: var(--brand);--nav-btn-fg: #fff;--nav-btn-bg-over: var(--brand-600);--nav-btn-fg-over: #fff;}.nav__actions .btn-outline{--nav-btn-bg: transparent;--nav-btn-fg: var(--brand);--nav-btn-bd: var(--brand);--nav-btn-bg-over: var(--brand-100);--nav-btn-fg-over: var(--brand);--nav-btn-bd-over: var(--brand);}.pay-grid__item:hover{transform: none;}}
