.rec-demo .bg-accent{background-color:var(--accent)}.rec-demo .bg-accent\/15{background-color:color-mix(in srgb,var(--accent) 15%,transparent)}.rec-demo .bg-accent\/30{background-color:color-mix(in srgb,var(--accent) 30%,transparent)}.rec-demo .bg-accent\/40{background-color:color-mix(in srgb,var(--accent) 40%,transparent)}.rec-demo .bg-button{background-color:var(--button)}.rec-demo .bg-ink{background-color:var(--text)}.rec-demo .bg-ink\/10{background-color:color-mix(in srgb,var(--text) 10%,transparent)}.rec-demo .bg-ink\/12{background-color:color-mix(in srgb,var(--text) 12%,transparent)}.rec-demo .bg-ink\/20{background-color:color-mix(in srgb,var(--text) 20%,transparent)}.rec-demo .bg-ink\/25{background-color:color-mix(in srgb,var(--text) 25%,transparent)}.rec-demo .bg-ink\/45{background-color:color-mix(in srgb,var(--text) 45%,transparent)}.rec-demo .bg-ink\/55{background-color:color-mix(in srgb,var(--text) 55%,transparent)}.rec-demo .bg-ink\/60{background-color:color-mix(in srgb,var(--text) 60%,transparent)}.rec-demo .bg-ink\/70{background-color:color-mix(in srgb,var(--text) 70%,transparent)}.rec-demo .bg-ink\/85{background-color:color-mix(in srgb,var(--text) 85%,transparent)}.rec-demo .bg-line{background-color:var(--line)}.rec-demo .bg-on-button\/70{background-color:color-mix(in srgb,var(--on-button) 70%,transparent)}.rec-demo .bg-page{background-color:var(--background-from);background-image:linear-gradient(180deg,var(--background-from) 0,var(--background-to) 100%);background-attachment:fixed;color:var(--text)}.rec-demo .bg-paper{background-color:var(--surface)}.rec-demo .bg-paper\/12{background-color:color-mix(in srgb,var(--surface) 12%,transparent)}.rec-demo .bg-paper\/20{background-color:color-mix(in srgb,var(--surface) 20%,transparent)}.rec-demo .bg-paper\/90{background-color:color-mix(in srgb,var(--surface) 90%,transparent)}.rec-demo .bg-paper\/95{background-color:color-mix(in srgb,var(--surface) 95%,transparent)}.rec-demo .bg-primary-tint{background-color:var(--primary-tint)}.rec-demo .bg-red{background-color:var(--primary)}.rec-demo .bg-red\/5{background-color:color-mix(in srgb,var(--primary) 5%,transparent)}.rec-demo .bg-sand{background-color:var(--neutral-soft)}.rec-demo .bg-sand\/50{background-color:color-mix(in srgb,var(--neutral-soft) 50%,transparent)}.rec-demo .bg-sand\/60{background-color:color-mix(in srgb,var(--neutral-soft) 60%,transparent)}.rec-demo .border-ink{border-color:var(--text)}.rec-demo .border-line{border-color:var(--line)}.rec-demo .border-paper\/25{border-color:color-mix(in srgb,var(--surface) 25%,transparent)}.rec-demo .border-paper\/60{border-color:color-mix(in srgb,var(--surface) 60%,transparent)}.rec-demo .border-red{border-color:var(--primary)}.rec-demo .border-red\/25{border-color:color-mix(in srgb,var(--primary) 25%,transparent)}.rec-demo .divide-line>:not([hidden])~:not([hidden]){border-color:var(--line)}.rec-demo .fill-sun{fill:var(--accent)}.rec-demo .font-data{font-family:var(--font-body);font-weight:700;text-transform:uppercase;letter-spacing:.1em}.rec-demo .font-display,.rec-demo .font-heading{font-family:var(--font-heading)}.rec-demo .from-ink{--tw-gradient-from:var(--text);--tw-gradient-to:hsla(0,0%,100%,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.rec-demo .from-ink\/90{--tw-gradient-from:color-mix(in srgb,var(--text) 90%,transparent);--tw-gradient-to:hsla(0,0%,100%,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.rec-demo .from-red{--tw-gradient-from:var(--primary);--tw-gradient-to:hsla(0,0%,100%,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.rec-demo .ring-ink\/5{--tw-ring-color:color-mix(in srgb,var(--text) 5%,transparent)}.rec-demo .ring-paper\/20{--tw-ring-color:color-mix(in srgb,var(--surface) 20%,transparent)}.rec-demo .ring-primary{--tw-ring-color:var(--primary)}.rec-demo .shadow-card{box-shadow:var(--shadow-card)}.rec-demo .shadow-lift{box-shadow:var(--shadow-lift)}.rec-demo .text-ink{color:var(--text)}.rec-demo .text-on-accent{color:var(--on-accent)}.rec-demo .text-on-button{color:var(--on-button)}.rec-demo .text-paper{color:var(--surface)}.rec-demo .text-paper\/60{color:color-mix(in srgb,var(--surface) 60%,transparent)}.rec-demo .text-paper\/70{color:color-mix(in srgb,var(--surface) 70%,transparent)}.rec-demo .text-paper\/75{color:color-mix(in srgb,var(--surface) 75%,transparent)}.rec-demo .text-paper\/80{color:color-mix(in srgb,var(--surface) 80%,transparent)}.rec-demo .text-paper\/90{color:color-mix(in srgb,var(--surface) 90%,transparent)}.rec-demo .text-primary-text{color:var(--primary-text)}.rec-demo .text-slate{color:var(--text-muted)}.rec-demo .text-sun{color:var(--accent)}.rec-demo .to-ink\/0{--tw-gradient-to:color-mix(in srgb,var(--text) 0%,transparent)}.rec-demo .to-ink\/20{--tw-gradient-to:color-mix(in srgb,var(--text) 20%,transparent)}.rec-demo .to-ink\/25{--tw-gradient-to:color-mix(in srgb,var(--text) 25%,transparent)}.rec-demo .to-ink\/85{--tw-gradient-to:color-mix(in srgb,var(--text) 85%,transparent)}.rec-demo .to-sun{--tw-gradient-to:var(--accent)}.rec-demo .via-ink{--tw-gradient-to:hsla(0,0%,100%,0);--tw-gradient-stops:var(--tw-gradient-from),var(--text),var(--tw-gradient-to)}.rec-demo .via-ink\/55{--tw-gradient-to:hsla(0,0%,100%,0);--tw-gradient-stops:var(--tw-gradient-from),color-mix(in srgb,var(--text) 55%,transparent),var(--tw-gradient-to)}.rec-demo .via-ink\/60{--tw-gradient-to:hsla(0,0%,100%,0);--tw-gradient-stops:var(--tw-gradient-from),color-mix(in srgb,var(--text) 60%,transparent),var(--tw-gradient-to)}.rec-demo .via-ink\/75{--tw-gradient-to:hsla(0,0%,100%,0);--tw-gradient-stops:var(--tw-gradient-from),color-mix(in srgb,var(--text) 75%,transparent),var(--tw-gradient-to)}.rec-demo .via-red{--tw-gradient-to:hsla(0,0%,100%,0);--tw-gradient-stops:var(--tw-gradient-from),var(--primary),var(--tw-gradient-to)}.rec-demo .group:hover .group-hover\:text-primary-text{color:var(--primary-text)}.rec-demo .hover\:bg-button-hover:hover{background-color:var(--button-hover)}.rec-demo .hover\:bg-ink:hover{background-color:var(--text)}.rec-demo .hover\:bg-ink\/90:hover{background-color:color-mix(in srgb,var(--text) 90%,transparent)}.rec-demo .hover\:bg-line:hover{background-color:var(--line)}.rec-demo .hover\:bg-paper:hover{background-color:var(--surface)}.rec-demo .hover\:bg-sand:hover{background-color:var(--neutral-soft)}.rec-demo .hover\:border-ink\/40:hover{border-color:color-mix(in srgb,var(--text) 40%,transparent)}.rec-demo .hover\:border-sun\/60:hover{border-color:color-mix(in srgb,var(--accent) 60%,transparent)}.rec-demo .hover\:shadow-card:hover{box-shadow:var(--shadow-card)}.rec-demo .hover\:shadow-lift:hover{box-shadow:var(--shadow-lift)}@media (min-width:768px){.rec-demo .md\:from-ink\/90{--tw-gradient-from:color-mix(in srgb,var(--text) 90%,transparent);--tw-gradient-to:hsla(0,0%,100%,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.rec-demo .md\:to-ink\/10{--tw-gradient-to:color-mix(in srgb,var(--text) 10%,transparent)}.rec-demo .md\:via-ink\/55{--tw-gradient-to:hsla(0,0%,100%,0);--tw-gradient-stops:var(--tw-gradient-from),color-mix(in srgb,var(--text) 55%,transparent),var(--tw-gradient-to)}}@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700;800&family=Figtree:wght@400;500;600;700;800&display=swap");.rec-demo{font-family:var(--font-body,"Figtree",ui-sans-serif,system-ui,sans-serif);color:var(--text,#141414);line-height:1.6;-webkit-font-smoothing:antialiased}.rec-demo h1,.rec-demo h2,.rec-demo h3{color:var(--heading,#141414)}.rec-demo h1,.rec-demo h2,.rec-demo h3,.rec-demo h4{font-family:var(--font-heading,"Outfit",ui-sans-serif,system-ui,sans-serif);font-weight:700;letter-spacing:-.02em;line-height:1.05}.rec-demo *{border-color:var(--line,#e6e6e6)}.rec-demo :focus-visible{outline:3px solid var(--primary);outline-offset:3px}.rec-demo .eyebrow{font-family:var(--font-body);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--primary-text)}.rec-demo .rule-vp:after{content:"";display:block;width:34px;height:3px;margin-top:12px;border-radius:2px;background-color:var(--primary)}.rec-demo .btn-brand{background-color:var(--button);color:var(--on-button);border-radius:var(--radius-button)}.rec-demo .btn-brand:hover{background-color:var(--button-hover)}.rec-demo .btn-brand:active{background-color:var(--button-pressed)}.rec-demo .badge-accent{background-color:var(--accent);color:var(--on-accent);border-radius:var(--radius-chip)}.rec-demo .chip-brand{background-color:var(--chip-bg);color:var(--chip-text);border-radius:var(--radius-chip)}.rec-demo .card-surface{background-color:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.rec-demo .card-lift{transition:box-shadow .22s ease,transform .22s ease}.rec-demo .card-lift:hover{box-shadow:var(--shadow-lift);transform:translateY(-3px)}#cookie-consent-bar,#staging-env-banner{display:none!important}