trc-ui 0.1.0 → 0.5.0

package/dist/styles.css

@@ -1 +1 @@
-:root{--trc-bg: #0b0c0f;--trc-surface: #151618;--trc-surface-raised: #1b1c1f;--trc-surface-alt: #232428;--trc-fg: #ffffff;--trc-fg-muted: rgba(255, 255, 255, .72);--trc-fg-subtle: rgba(255, 255, 255, .55);--trc-fg-faint: rgba(255, 255, 255, .4);--trc-border: rgba(255, 255, 255, .08);--trc-border-strong: rgba(255, 255, 255, .16);--trc-border-pill: rgba(255, 255, 255, .2);--trc-accent: #08c8d8;--trc-on-accent: #0b0c0f;--trc-danger: #ff6b6b;--trc-font: "Montserrat", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--trc-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--trc-radius-sm: 10px;--trc-radius: 16px;--trc-radius-pill: 999px;--trc-ease: cubic-bezier(.77, 0, .175, 1);--trc-ease-out: cubic-bezier(.22, 1, .36, 1);--trc-duration: .5s}*,:before,:after{--trc-accent-soft: color-mix(in srgb, var(--trc-accent) 12%, transparent);--trc-ring: 0 0 0 2px var(--trc-bg), 0 0 0 4px var(--trc-accent)}.trc{background-color:var(--trc-bg);color:var(--trc-fg);font-family:var(--trc-font);letter-spacing:-.01em;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.trc-display{font-family:var(--trc-font);font-weight:400;letter-spacing:-.025em;line-height:1.08}.trc-accent{color:var(--trc-accent)}.trc-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.trc-spin{animation:trc-spin .8s linear infinite}@keyframes trc-spin{to{transform:rotate(360deg)}}.trc-enter{animation:trc-enter .9s var(--trc-ease-out) both;animation-delay:var(--trc-delay, 0ms)}@keyframes trc-enter{0%{opacity:0;transform:translateY(16px)}}@media(prefers-reduced-motion:reduce){.trc-enter{animation:none}}.trc-heading--display{font-size:clamp(3rem,2.2rem + 3.6vw,4.5rem)}.trc-heading--xl{font-size:clamp(2.25rem,1.9rem + 1.6vw,3rem)}.trc-heading--lg{font-size:clamp(1.75rem,1.55rem + .9vw,2.25rem);line-height:1.15}.trc-heading--md{font-size:1.5rem;line-height:1.2}.trc-heading--sm{font-size:1.25rem;line-height:1.3}.trc-display{margin:0;color:var(--trc-fg)}.trc-text{margin:0;line-height:1.65}.trc-text--lg{font-size:1.125rem}.trc-text--md{font-size:1rem}.trc-text--sm{font-size:.875rem}.trc-text--default{color:var(--trc-fg)}.trc-text--muted{color:var(--trc-fg-muted)}.trc-text--subtle{color:var(--trc-fg-subtle)}.trc-step-number{display:block;flex-shrink:0;font-family:var(--trc-font);font-size:3rem;font-weight:300;font-variant-numeric:tabular-nums;letter-spacing:-.025em;line-height:1;color:var(--trc-accent)}.trc-step-number--sm{font-size:1.5rem}.trc-pill{--pill-inset: 6px;--pill-dot: 44px;position:relative;isolation:isolate;box-sizing:border-box;display:inline-flex;flex-shrink:0;align-items:center;gap:14px;height:56px;max-width:100%;padding:var(--pill-inset) 24px var(--pill-inset) var(--pill-inset);overflow:hidden;border:1px solid var(--trc-border-pill);border-radius:var(--trc-radius-pill);background:transparent;color:var(--trc-fg);font:500 15px/1 var(--trc-font);letter-spacing:-.01em;text-decoration:none;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}.trc-pill--sm{--pill-inset: 4px;--pill-dot: 32px;gap:10px;height:40px;padding-right:16px;font-size:14px}.trc-pill--solid{border-color:#fff;background:#fff;color:var(--trc-bg)}.trc-pill:focus-visible{box-shadow:var(--trc-ring)}.trc-pill:disabled{cursor:not-allowed;opacity:.6}.trc-pill__fill{position:absolute;z-index:-1;top:var(--pill-inset);bottom:var(--pill-inset);left:var(--pill-inset);width:var(--pill-dot);border-radius:var(--trc-radius-pill);background:var(--trc-accent);transition:width var(--trc-duration) var(--trc-ease)}.trc-pill__icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--pill-dot);height:var(--pill-dot);color:var(--trc-on-accent)}.trc-pill__icon svg{width:18px;height:18px}.trc-pill--sm .trc-pill__icon svg{width:16px;height:16px}.trc-pill__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:color .3s ease}@media(hover:hover){.trc-pill:not(:disabled):hover .trc-pill__fill{width:calc(100% - 2 * var(--pill-inset))}.trc-pill:not(:disabled):hover .trc-pill__label{color:var(--trc-on-accent);transition-delay:.15s}}.trc-pill:focus-visible .trc-pill__fill{width:calc(100% - 2 * var(--pill-inset))}.trc-pill:focus-visible .trc-pill__label{color:var(--trc-on-accent)}@media(prefers-reduced-motion:reduce){.trc-pill__fill{transition-duration:1ms}}.trc-container{box-sizing:border-box;width:100%;max-width:1280px;margin-inline:auto;padding-inline:16px}.trc-container--narrow{max-width:768px}.trc-container--wide{max-width:1600px}@media(min-width:640px){.trc-container{padding-inline:24px}}@media(min-width:1024px){.trc-container{padding-inline:40px}}.trc-section--sm{padding-block:48px}.trc-section--md{padding-block:72px}.trc-section--lg{padding-block:96px}@media(min-width:768px){.trc-section--md{padding-block:96px}.trc-section--lg{padding-block:128px}}.trc-section-inset{box-sizing:border-box;padding-inline:8px}.trc-section-inset__card{position:relative;isolation:isolate;box-sizing:border-box;max-width:1600px;margin-inline:auto;overflow:hidden;border-radius:var(--trc-radius);background:var(--trc-surface)}@media(min-width:640px){.trc-section-inset{padding-inline:16px}}.trc-card{position:relative;box-sizing:border-box;border:1px solid var(--trc-border);border-radius:var(--trc-radius);background:var(--trc-surface);color:var(--trc-fg)}.trc-card--alt{background:var(--trc-surface-alt)}.trc-card--pad-sm{padding:20px}.trc-card--pad-md{padding:28px}.trc-card--pad-lg{padding:32px}@media(min-width:640px){.trc-card--pad-lg{padding:40px}}.trc-card--interactive{display:block;text-decoration:none;transition:background-color .3s ease,border-color .3s ease}a.trc-card--interactive,button.trc-card--interactive{cursor:pointer;font:inherit;text-align:inherit}.trc-card--interactive:hover{background:var(--trc-surface-raised);border-color:var(--trc-border-strong)}.trc-card--alt.trc-card--interactive:hover{background:color-mix(in srgb,var(--trc-surface-alt) 92%,white)}.trc-card--interactive:focus-visible{outline:none;box-shadow:var(--trc-ring)}.trc-card--watermark{isolation:isolate;overflow:hidden}.trc-card__watermark{position:absolute;z-index:-1;top:-28px;right:-28px;display:flex;width:160px;height:160px;color:var(--trc-fg);opacity:.05;pointer-events:none;transition:opacity .6s var(--trc-ease-out),color .6s var(--trc-ease-out),transform .6s var(--trc-ease-out)}.trc-card__watermark svg{width:100%;height:100%;stroke-width:1.25px}.trc-card__watermark svg *{vector-effect:non-scaling-stroke}.trc-card--watermark:hover .trc-card__watermark{color:var(--trc-accent);opacity:.18;transform:rotate(-6deg) scale(1.04)}@media(prefers-reduced-motion:reduce){.trc-card__watermark{transition-duration:1ms}}.trc-field{display:grid;align-content:start;gap:8px;min-width:0}.trc-field__label{font-size:14px;font-weight:500;line-height:1.4;color:var(--trc-fg)}.trc-field__required{color:var(--trc-accent)}.trc-field__message{margin:0;font-size:13px;line-height:1.5;color:var(--trc-fg-subtle)}.trc-field__message--error{color:var(--trc-danger)}.trc-control{box-sizing:border-box;width:100%;height:48px;margin:0;padding:0 16px;border:1px solid var(--trc-border-strong);border-radius:12px;background:#ffffff08;color:var(--trc-fg);font:400 15px/1.4 var(--trc-font);letter-spacing:-.01em;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.trc-control::placeholder{color:var(--trc-fg-faint)}.trc-control:hover:not(:disabled){border-color:#ffffff47}.trc-control:focus-visible{border-color:var(--trc-accent);box-shadow:0 0 0 3px var(--trc-accent-soft)}.trc-control[aria-invalid=true]{border-color:var(--trc-danger)}.trc-control[aria-invalid=true]:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--trc-danger) 18%,transparent)}.trc-control:disabled{cursor:not-allowed;opacity:.5}.trc-control--textarea{height:auto;min-height:96px;padding:12px 16px;line-height:1.55;resize:vertical}.trc-select{position:relative;display:block}.trc-control--select{padding-right:44px;appearance:none;cursor:pointer}.trc-control--select:has(option[value=""]:checked){color:var(--trc-fg-faint)}.trc-control--select option{background:var(--trc-surface);color:var(--trc-fg)}.trc-select__chevron{position:absolute;top:50%;right:16px;width:18px;height:18px;color:var(--trc-fg-subtle);pointer-events:none;transform:translateY(-50%)}.trc-toggle{display:flex;align-items:flex-start;gap:12px;cursor:pointer;-webkit-tap-highlight-color:transparent}.trc-toggle:has(input:disabled){cursor:not-allowed;opacity:.5}.trc-toggle__text{display:grid;gap:2px;min-width:0}.trc-toggle__label{font-size:15px;line-height:1.45;color:var(--trc-fg)}.trc-toggle__description{font-size:13px;line-height:1.5;color:var(--trc-fg-subtle)}.trc-checkbox{position:relative;display:flex;flex-shrink:0;margin-top:1px}.trc-checkbox__input{width:20px;height:20px;margin:0;border:1px solid var(--trc-border-pill);border-radius:6px;background:#ffffff08;appearance:none;cursor:inherit;outline:none;transition:background-color .2s ease,border-color .2s ease}.trc-toggle:hover .trc-checkbox__input:not(:disabled,:checked){border-color:#fff6}.trc-checkbox__input:checked{border-color:var(--trc-accent);background:var(--trc-accent)}.trc-checkbox__input:focus-visible{box-shadow:var(--trc-ring)}.trc-checkbox__check{position:absolute;inset:3px;width:14px;height:14px;color:var(--trc-on-accent);stroke-width:3;opacity:0;pointer-events:none;transform:scale(.6);transition:opacity .2s ease,transform .3s var(--trc-ease-out)}.trc-checkbox__input:checked+.trc-checkbox__check{opacity:1;transform:scale(1)}.trc-switch{position:relative;display:flex;flex-shrink:0}.trc-switch__input{width:40px;height:24px;margin:0;border:1px solid var(--trc-border-strong);border-radius:var(--trc-radius-pill);background:#ffffff14;appearance:none;cursor:inherit;outline:none;transition:background-color .3s ease,border-color .3s ease}.trc-switch__input:checked{border-color:var(--trc-accent);background:var(--trc-accent)}.trc-switch__input:focus-visible{box-shadow:var(--trc-ring)}.trc-switch__thumb{position:absolute;top:4px;left:4px;width:16px;height:16px;border-radius:50%;background:var(--trc-fg);pointer-events:none;transition:transform .3s var(--trc-ease),background-color .3s ease}.trc-switch__input:checked+.trc-switch__thumb{background:var(--trc-on-accent);transform:translate(16px)}@media(prefers-reduced-motion:reduce){.trc-checkbox__check,.trc-switch__thumb{transition-duration:1ms}}.trc-header{position:fixed;inset:0 0 auto;z-index:40;box-sizing:border-box;padding:8px;font-family:var(--trc-font);pointer-events:none}.trc-header__bar{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;max-width:1600px;height:64px;margin-inline:auto;padding-inline:16px;border:1px solid transparent;border-radius:var(--trc-radius);pointer-events:auto;transition:background-color .3s ease,border-color .3s ease,backdrop-filter .3s ease}.trc-header__bar--scrolled{border-color:#ffffff1a;background:color-mix(in srgb,var(--trc-surface) 80%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@media(min-width:640px){.trc-header{padding:16px}.trc-header__bar{height:80px;padding-inline:32px}}.trc-header__logo{grid-column:1;justify-self:start;display:inline-flex;flex-shrink:0;align-items:center;color:var(--trc-fg);text-decoration:none}.trc-header__nav{grid-column:2;display:none;align-items:center;gap:28px}.trc-header__link{position:relative;display:inline-flex;align-items:center;gap:6px;padding:4px 0;border:0;background:none;color:#fffc;font:inherit;font-size:15px;text-decoration:none;cursor:pointer;transition:color .2s ease}.trc-header__link:hover,.trc-header__link--active{color:var(--trc-fg)}.trc-header__link--active:after{content:"";position:absolute;bottom:-4px;left:50%;width:4px;height:4px;border-radius:50%;background:var(--trc-accent);transform:translate(-50%)}.trc-header__end{grid-column:3;justify-self:end;display:flex;align-items:center;gap:8px}.trc-header__actions,.trc-header__cta{display:none}.trc-header__actions{align-items:center;gap:8px}@media(min-width:640px){.trc-header__actions{display:flex}.trc-header__cta{display:inline-flex}}.trc-header__burger{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--trc-fg);cursor:pointer;transition:background-color .2s ease}.trc-header__burger:hover{background:#ffffff1a}.trc-header__burger svg{width:20px;height:20px}@media(min-width:1024px){.trc-header__nav{display:flex}.trc-header__burger{display:none}}.trc-dropdown{position:relative}.trc-dropdown__trigger--open{color:var(--trc-fg)}.trc-dropdown__chevron{width:16px;height:16px;transition:transform .3s ease}.trc-dropdown__trigger--open .trc-dropdown__chevron{transform:rotate(180deg)}.trc-dropdown__panel{position:absolute;top:100%;left:50%;width:320px;padding-top:16px;visibility:hidden;opacity:0;transform:translate(-50%,-4px);transition:opacity .3s var(--trc-ease-out),transform .3s var(--trc-ease-out),visibility 0s .3s}.trc-dropdown__panel--open{visibility:visible;opacity:1;transform:translate(-50%);transition-delay:0s}.trc-dropdown__list{margin:0;padding:8px;list-style:none;border:1px solid rgba(255,255,255,.1);border-radius:var(--trc-radius);background:color-mix(in srgb,var(--trc-surface) 95%,transparent);box-shadow:0 24px 60px -20px #000000b3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.trc-dropdown__item{display:block;padding:14px 16px;border-radius:12px;color:inherit;text-decoration:none;transition:background-color .2s ease}.trc-dropdown__item:hover,.trc-dropdown__item:focus-visible{background:#ffffff0d}.trc-dropdown__label{display:block;font-size:15px;color:var(--trc-fg)}.trc-dropdown__description{display:block;margin-top:2px;font-size:13px;line-height:1.4;color:var(--trc-fg-subtle)}.trc-drawer{position:fixed;inset:0;z-index:50;font-family:var(--trc-font);letter-spacing:-.01em;color:var(--trc-fg);visibility:hidden;transition:visibility 0s .4s}.trc-drawer--open{visibility:visible;transition-delay:0s}.trc-drawer__overlay{position:absolute;inset:0;background:#0009;opacity:0;transition:opacity .4s ease}.trc-drawer--open .trc-drawer__overlay{opacity:1}.trc-drawer__panel{position:absolute;top:0;right:0;bottom:0;box-sizing:border-box;display:flex;flex-direction:column;width:min(380px,88vw);padding:24px;overflow-y:auto;border-left:1px solid rgba(255,255,255,.1);background:var(--trc-bg);outline:none;transform:translate(100%);transition:transform .4s var(--trc-ease-out)}.trc-drawer--open .trc-drawer__panel{transform:translate(0)}.trc-drawer__head{display:flex;align-items:center;justify-content:space-between}.trc-drawer__title{margin:0;font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#ffffff80}.trc-drawer__close{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-right:-8px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--trc-fg);cursor:pointer}.trc-drawer__close:hover{background:#ffffff1a}.trc-drawer__close svg{width:20px;height:20px}.trc-drawer__cta{align-self:flex-start;margin-top:24px}.trc-drawer__footer{margin-top:24px}.trc-mobile-nav{display:flex;flex-direction:column;margin-top:16px}.trc-mobile-nav__link,.trc-mobile-nav__group{padding-block:16px;border-bottom:1px solid rgba(255,255,255,.1)}.trc-mobile-nav__link,.trc-mobile-nav__heading{margin:0;font-size:18px;color:var(--trc-fg);text-decoration:none}.trc-mobile-nav__link{transition:color .2s ease}.trc-mobile-nav__link:hover,.trc-mobile-nav__link--active{color:var(--trc-accent)}.trc-mobile-nav__sub{margin:12px 0 0;padding:0 0 0 16px;list-style:none;border-left:1px solid rgba(255,255,255,.1)}.trc-mobile-nav__sublink{display:block;padding-block:6px;color:#ffffffb3;text-decoration:none;transition:color .2s ease}.trc-mobile-nav__sublink:hover,.trc-mobile-nav__sublink[aria-current=page]{color:var(--trc-accent)}@media(prefers-reduced-motion:reduce){.trc-drawer,.trc-drawer__overlay,.trc-drawer__panel,.trc-dropdown__panel{transition-duration:1ms}}.trc-footer{box-sizing:border-box;padding:0 8px 8px;font-family:var(--trc-font)}.trc-footer__card{box-sizing:border-box;max-width:1600px;margin-inline:auto;padding-inline:24px;border:1px solid rgba(255,255,255,.06);border-radius:var(--trc-radius);background:var(--trc-surface);color:var(--trc-fg)}.trc-footer__main{display:grid;gap:48px;padding-block:64px}.trc-footer__brand{max-width:384px}.trc-footer__logo{display:inline-flex;color:var(--trc-fg);text-decoration:none}.trc-footer__tagline{margin:24px 0 0;line-height:1.65;color:#ffffffb3}.trc-footer__extra{display:grid;justify-items:start;gap:24px;margin-top:32px}.trc-footer__columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px}.trc-footer__heading{margin:0;font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#ffffff73}.trc-footer__list{display:grid;gap:14px;margin:20px 0 0;padding:0;list-style:none;font-size:15px}.trc-footer__link{color:#ffffffd9;text-decoration:none;transition:color .2s ease}.trc-footer__link:hover{color:var(--trc-accent)}.trc-footer__bottom{display:flex;flex-direction:column;gap:20px;padding-block:24px;border-top:1px solid rgba(255,255,255,.1);font-size:14px;color:#ffffff8c}.trc-footer__copyright{margin:0}.trc-footer__legal{display:flex;flex-wrap:wrap;gap:8px 24px}.trc-footer__legal-link{color:inherit;text-decoration:none;transition:color .2s ease}.trc-footer__legal-link:hover{color:var(--trc-fg)}@media(min-width:640px){.trc-footer{padding:0 16px 16px}.trc-footer__card{padding-inline:40px}.trc-footer__columns{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;grid-template-columns:none}}@media(min-width:768px){.trc-footer__bottom{flex-direction:row;align-items:center;justify-content:space-between}}@media(min-width:1024px){.trc-footer__main{grid-template-columns:1.2fr 2fr}}.trc-header__logo:focus-visible,.trc-header__link:focus-visible,.trc-header__burger:focus-visible,.trc-dropdown__item:focus-visible,.trc-drawer__close:focus-visible,.trc-mobile-nav a:focus-visible,.trc-footer a:focus-visible{outline:2px solid var(--trc-accent);outline-offset:4px;border-radius:4px}.trc-dropdown__item:focus-visible{outline-offset:-2px;border-radius:12px}.trc-hero-inset{box-sizing:border-box;padding:8px}@media(min-width:640px){.trc-hero-inset{padding:16px}}.trc-hero__media{position:absolute;inset:0;z-index:-2}.trc-hero__media>img,.trc-hero__media>picture,.trc-hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.trc-page-hero{position:relative;isolation:isolate;max-width:1600px;margin-inline:auto;overflow:hidden;border-radius:var(--trc-radius);background:var(--trc-surface);color:var(--trc-fg)}.trc-page-hero__glow{position:absolute;inset:0;background:radial-gradient(ellipse at 85% 0%,color-mix(in srgb,var(--trc-accent) 16%,transparent),transparent 60%)}.trc-page-hero__veil{position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,#0b0c0ff7,#0b0c0fd9,#0b0c0f8c)}.trc-page-hero:not(:has(img,picture,video)) .trc-page-hero__veil{display:none}.trc-page-hero__content{box-sizing:border-box;max-width:1280px;margin-inline:auto;padding:144px 24px 64px}.trc-page-hero__title{max-width:56rem;font-size:clamp(2.25rem,1.6rem + 3vw,3.75rem)}.trc-page-hero__description{max-width:42rem;margin:24px 0 0;font-size:1.125rem;line-height:1.65;color:var(--trc-fg-muted)}.trc-page-hero__meta{margin-top:24px;font-size:14px;color:var(--trc-fg-subtle)}.trc-page-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}@media(min-width:640px){.trc-page-hero__content{padding-inline:40px}}@media(min-width:768px){.trc-page-hero__content{padding-block:176px 80px}}.trc-hero-video{position:relative;isolation:isolate;display:flex;flex-direction:column;max-width:1600px;min-height:calc(100svh - 16px);margin-inline:auto;overflow:hidden;border-radius:var(--trc-radius);background:var(--trc-surface);color:var(--trc-fg);clip-path:inset(0 round var(--trc-radius))}@media(min-width:640px){.trc-hero-video{min-height:calc(100svh - 32px)}}.trc-hero-video__media{inset:-16px 0 -128px;will-change:transform}.trc-hero-video__clip{opacity:0;transition-property:opacity;transition-timing-function:ease-in-out}.trc-hero-video__clip--active{opacity:1}.trc-hero-video__veil{position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,#0b0c0ff2,#0b0c0f8c 40%,#0b0c0f1a 75%),linear-gradient(to right,rgba(11,12,15,.6),transparent 60%),#00000073}.trc-hero-video__content{box-sizing:border-box;display:grid;align-items:end;gap:40px;margin-top:auto;padding:144px 24px 40px}.trc-hero-video__main{max-width:48rem}@media(min-width:640px){.trc-hero-video__content{padding:160px 40px 56px}}@media(min-width:1024px){.trc-hero-video__content{grid-template-columns:1fr auto}}.trc-back-to-top{position:fixed;right:16px;bottom:16px;z-index:40;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:var(--trc-accent);color:var(--trc-on-accent);box-shadow:0 10px 30px -10px color-mix(in srgb,var(--trc-accent) 60%,transparent);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(16px);transition:opacity .3s ease,transform .3s ease}.trc-back-to-top--visible{opacity:1;pointer-events:auto;transform:translateY(0)}.trc-back-to-top--visible:hover{transform:translateY(-2px)}.trc-back-to-top:focus-visible{outline:none;box-shadow:var(--trc-ring)}.trc-back-to-top svg{width:20px;height:20px}@media(min-width:640px){.trc-back-to-top{right:32px;bottom:32px}}
+:root{--trc-bg: #0b0c0f;--trc-surface: #151618;--trc-surface-raised: #1b1c1f;--trc-surface-alt: #232428;--trc-fg: #ffffff;--trc-fg-muted: rgba(255, 255, 255, .72);--trc-fg-subtle: rgba(255, 255, 255, .55);--trc-fg-faint: rgba(255, 255, 255, .4);--trc-border: rgba(255, 255, 255, .08);--trc-border-strong: rgba(255, 255, 255, .16);--trc-border-pill: rgba(255, 255, 255, .2);--trc-accent: #08c8d8;--trc-on-accent: #0b0c0f;--trc-danger: #ff6b6b;--trc-font: "Montserrat", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--trc-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--trc-radius-sm: 10px;--trc-radius: 16px;--trc-radius-pill: 999px;--trc-ease: cubic-bezier(.77, 0, .175, 1);--trc-ease-out: cubic-bezier(.22, 1, .36, 1);--trc-duration: .5s}*,:before,:after{--trc-accent-soft: color-mix(in srgb, var(--trc-accent) 12%, transparent);--trc-ring: 0 0 0 2px var(--trc-bg), 0 0 0 4px var(--trc-accent)}.trc{background-color:var(--trc-bg);color:var(--trc-fg);font-family:var(--trc-font);letter-spacing:-.01em;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.trc-display{font-family:var(--trc-font);font-weight:400;letter-spacing:-.025em;line-height:1.08}.trc-accent{color:var(--trc-accent)}.trc-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.trc-spin{animation:trc-spin .8s linear infinite}@keyframes trc-spin{to{transform:rotate(360deg)}}.trc-enter{animation:trc-enter .9s var(--trc-ease-out) both;animation-delay:var(--trc-delay, 0ms)}@keyframes trc-enter{0%{opacity:0;transform:translateY(16px)}}@media(prefers-reduced-motion:reduce){.trc-enter{animation:none}}.trc-heading--display{font-size:clamp(3rem,2.2rem + 3.6vw,4.5rem)}.trc-heading--xl{font-size:clamp(2.25rem,1.9rem + 1.6vw,3rem)}.trc-heading--lg{font-size:clamp(1.75rem,1.55rem + .9vw,2.25rem);line-height:1.15}.trc-heading--md{font-size:1.5rem;line-height:1.2}.trc-heading--sm{font-size:1.25rem;line-height:1.3}.trc-display{margin:0;color:var(--trc-fg)}.trc-text{margin:0;line-height:1.65}.trc-text--lg{font-size:1.125rem}.trc-text--md{font-size:1rem}.trc-text--sm{font-size:.875rem}.trc-text--default{color:var(--trc-fg)}.trc-text--muted{color:var(--trc-fg-muted)}.trc-text--subtle{color:var(--trc-fg-subtle)}.trc-step-number{display:block;flex-shrink:0;font-family:var(--trc-font);font-size:3rem;font-weight:300;font-variant-numeric:tabular-nums;letter-spacing:-.025em;line-height:1;color:var(--trc-accent)}.trc-step-number--sm{font-size:1.5rem}.trc-pill{--pill-inset: 6px;--pill-dot: 44px;position:relative;isolation:isolate;box-sizing:border-box;display:inline-flex;flex-shrink:0;align-items:center;gap:14px;height:56px;max-width:100%;padding:var(--pill-inset) 24px var(--pill-inset) var(--pill-inset);overflow:hidden;border:1px solid var(--trc-border-pill);border-radius:var(--trc-radius-pill);background:transparent;color:var(--trc-fg);font:500 15px/1 var(--trc-font);letter-spacing:-.01em;text-decoration:none;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}.trc-pill--sm{--pill-inset: 4px;--pill-dot: 32px;gap:10px;height:40px;padding-right:16px;font-size:14px}.trc-pill--solid{border-color:#fff;background:#fff;color:var(--trc-bg)}.trc-pill:focus-visible{box-shadow:var(--trc-ring)}.trc-pill:disabled{cursor:not-allowed;opacity:.6}.trc-pill__fill{position:absolute;z-index:-1;top:var(--pill-inset);bottom:var(--pill-inset);left:var(--pill-inset);width:var(--pill-dot);border-radius:var(--trc-radius-pill);background:var(--trc-accent);transition:width var(--trc-duration) var(--trc-ease)}.trc-pill__icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--pill-dot);height:var(--pill-dot);color:var(--trc-on-accent)}.trc-pill__icon svg{width:18px;height:18px}.trc-pill--sm .trc-pill__icon svg{width:16px;height:16px}.trc-pill__label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:color .3s ease}@media(hover:hover){.trc-pill:not(:disabled):hover .trc-pill__fill{width:calc(100% - 2 * var(--pill-inset))}.trc-pill:not(:disabled):hover .trc-pill__label{color:var(--trc-on-accent);transition-delay:.15s}}.trc-pill:focus-visible .trc-pill__fill{width:calc(100% - 2 * var(--pill-inset))}.trc-pill:focus-visible .trc-pill__label{color:var(--trc-on-accent)}@media(prefers-reduced-motion:reduce){.trc-pill__fill{transition-duration:1ms}}.trc-container{box-sizing:border-box;width:100%;max-width:1280px;margin-inline:auto;padding-inline:16px}.trc-container--narrow{max-width:768px}.trc-container--wide{max-width:1600px}@media(min-width:640px){.trc-container{padding-inline:24px}}@media(min-width:1024px){.trc-container{padding-inline:40px}}.trc-section--sm{padding-block:48px}.trc-section--md{padding-block:72px}.trc-section--lg{padding-block:96px}@media(min-width:768px){.trc-section--md{padding-block:96px}.trc-section--lg{padding-block:128px}}.trc-section-inset{box-sizing:border-box;padding-inline:8px}.trc-section-inset__card{position:relative;isolation:isolate;box-sizing:border-box;max-width:1600px;margin-inline:auto;overflow:hidden;border-radius:var(--trc-radius);background:var(--trc-surface)}@media(min-width:640px){.trc-section-inset{padding-inline:16px}}.trc-card{position:relative;box-sizing:border-box;border:1px solid var(--trc-border);border-radius:var(--trc-radius);background:var(--trc-surface);color:var(--trc-fg)}.trc-card--alt{background:var(--trc-surface-alt)}.trc-card--pad-sm{padding:20px}.trc-card--pad-md{padding:28px}.trc-card--pad-lg{padding:32px}@media(min-width:640px){.trc-card--pad-lg{padding:40px}}.trc-card--interactive{display:block;text-decoration:none;transition:background-color .3s ease,border-color .3s ease}a.trc-card--interactive,button.trc-card--interactive{cursor:pointer;font:inherit;text-align:inherit}.trc-card--interactive:hover{background:var(--trc-surface-raised);border-color:var(--trc-border-strong)}.trc-card--alt.trc-card--interactive:hover{background:color-mix(in srgb,var(--trc-surface-alt) 92%,white)}.trc-card--interactive:focus-visible{outline:none;box-shadow:var(--trc-ring)}.trc-card--watermark{isolation:isolate;overflow:hidden}.trc-card__watermark{position:absolute;z-index:-1;top:-28px;right:-28px;display:flex;width:160px;height:160px;color:var(--trc-fg);opacity:.05;pointer-events:none;transition:opacity .6s var(--trc-ease-out),color .6s var(--trc-ease-out),transform .6s var(--trc-ease-out)}.trc-card__watermark svg{width:100%;height:100%;stroke-width:1.25px}.trc-card__watermark svg *{vector-effect:non-scaling-stroke}.trc-card--watermark:hover .trc-card__watermark{color:var(--trc-accent);opacity:.18;transform:rotate(-6deg) scale(1.04)}@media(prefers-reduced-motion:reduce){.trc-card__watermark{transition-duration:1ms}}.trc-field{display:grid;align-content:start;gap:8px;min-width:0}.trc-field__label{font-size:14px;font-weight:500;line-height:1.4;color:var(--trc-fg)}.trc-field__required{color:var(--trc-accent)}.trc-field__message{margin:0;font-size:13px;line-height:1.5;color:var(--trc-fg-subtle)}.trc-field__message--error{color:var(--trc-danger)}.trc-control{box-sizing:border-box;width:100%;height:48px;margin:0;padding:0 16px;border:1px solid var(--trc-border-strong);border-radius:12px;background:#ffffff08;color:var(--trc-fg);font:400 15px/1.4 var(--trc-font);letter-spacing:-.01em;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.trc-control::placeholder{color:var(--trc-fg-faint)}.trc-control:hover:not(:disabled){border-color:#ffffff47}.trc-control:focus-visible{border-color:var(--trc-accent);box-shadow:0 0 0 3px var(--trc-accent-soft)}.trc-control[aria-invalid=true]{border-color:var(--trc-danger)}.trc-control[aria-invalid=true]:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--trc-danger) 18%,transparent)}.trc-control:disabled{cursor:not-allowed;opacity:.5}.trc-control--textarea{height:auto;min-height:96px;padding:12px 16px;line-height:1.55;resize:vertical}.trc-select{position:relative;display:block}.trc-control--select{padding-right:44px;appearance:none;cursor:pointer}.trc-control--select:has(option[value=""]:checked){color:var(--trc-fg-faint)}.trc-control--select option{background:var(--trc-surface);color:var(--trc-fg)}.trc-select__chevron{position:absolute;top:50%;right:16px;width:18px;height:18px;color:var(--trc-fg-subtle);pointer-events:none;transform:translateY(-50%)}.trc-toggle{display:flex;align-items:flex-start;gap:12px;cursor:pointer;-webkit-tap-highlight-color:transparent}.trc-toggle:has(input:disabled){cursor:not-allowed;opacity:.5}.trc-toggle__text{display:grid;gap:2px;min-width:0}.trc-toggle__label{font-size:15px;line-height:1.45;color:var(--trc-fg)}.trc-toggle__description{font-size:13px;line-height:1.5;color:var(--trc-fg-subtle)}.trc-checkbox{position:relative;display:flex;flex-shrink:0;margin-top:1px}.trc-checkbox__input{width:20px;height:20px;margin:0;border:1px solid var(--trc-border-pill);border-radius:6px;background:#ffffff08;appearance:none;cursor:inherit;outline:none;transition:background-color .2s ease,border-color .2s ease}.trc-toggle:hover .trc-checkbox__input:not(:disabled,:checked){border-color:#fff6}.trc-checkbox__input:checked{border-color:var(--trc-accent);background:var(--trc-accent)}.trc-checkbox__input:focus-visible{box-shadow:var(--trc-ring)}.trc-checkbox__check{position:absolute;inset:3px;width:14px;height:14px;color:var(--trc-on-accent);stroke-width:3;opacity:0;pointer-events:none;transform:scale(.6);transition:opacity .2s ease,transform .3s var(--trc-ease-out)}.trc-checkbox__input:checked+.trc-checkbox__check{opacity:1;transform:scale(1)}.trc-switch{position:relative;display:flex;flex-shrink:0}.trc-switch__input{width:40px;height:24px;margin:0;border:1px solid var(--trc-border-strong);border-radius:var(--trc-radius-pill);background:#ffffff14;appearance:none;cursor:inherit;outline:none;transition:background-color .3s ease,border-color .3s ease}.trc-switch__input:checked{border-color:var(--trc-accent);background:var(--trc-accent)}.trc-switch__input:focus-visible{box-shadow:var(--trc-ring)}.trc-switch__thumb{position:absolute;top:4px;left:4px;width:16px;height:16px;border-radius:50%;background:var(--trc-fg);pointer-events:none;transition:transform .3s var(--trc-ease),background-color .3s ease}.trc-switch__input:checked+.trc-switch__thumb{background:var(--trc-on-accent);transform:translate(16px)}@media(prefers-reduced-motion:reduce){.trc-checkbox__check,.trc-switch__thumb{transition-duration:1ms}}.trc-radio-group{display:grid;gap:12px;min-width:0;margin:0;padding:0;border:0}.trc-radio-group>legend{float:left;width:100%;margin-bottom:4px;padding:0}.trc-radio-group__options{display:grid;gap:14px;clear:both}.trc-radio-group__options--row{display:flex;flex-wrap:wrap;gap:14px 28px}.trc-radio{position:relative;display:flex;flex-shrink:0;margin-top:1px}.trc-radio__input{width:20px;height:20px;margin:0;border:1px solid var(--trc-border-pill);border-radius:50%;background:#ffffff08;appearance:none;cursor:inherit;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.trc-toggle:hover .trc-radio__input:not(:disabled,:checked){border-color:#fff6}.trc-radio__input:checked{border-color:var(--trc-accent);box-shadow:inset 0 0 0 5px var(--trc-accent)}.trc-radio__input:focus-visible{box-shadow:var(--trc-ring)}.trc-radio__input:checked:focus-visible{box-shadow:inset 0 0 0 5px var(--trc-accent),var(--trc-ring)}.trc-radio-group[aria-invalid=true] .trc-radio__input:not(:checked){border-color:var(--trc-danger)}.trc-password{position:relative;display:block}.trc-password .trc-control{padding-right:88px}.trc-password__toggle{position:absolute;top:50%;right:6px;padding:6px 12px;border:0;border-radius:var(--trc-radius-pill);background:none;color:var(--trc-fg-subtle);font:500 13px/1.2 var(--trc-font);cursor:pointer;transform:translateY(-50%);transition:color .2s ease,background-color .2s ease}.trc-password__toggle:hover{background:#ffffff0f;color:var(--trc-fg)}.trc-password__toggle:focus-visible{outline:none;box-shadow:var(--trc-ring)}.trc-pin{display:flex;gap:8px}.trc-pin__box{width:48px;height:56px;padding:0;font-size:22px;font-variant-numeric:tabular-nums;text-align:center;caret-color:var(--trc-accent)}@media(max-width:400px){.trc-pin{gap:6px}.trc-pin__box{width:42px;height:52px}}.trc-combobox{position:relative}.trc-combobox__input{padding-right:44px}.trc-combobox__chevron{position:absolute;top:50%;right:16px;width:18px;height:18px;color:var(--trc-fg-subtle);pointer-events:none;transform:translateY(-50%);transition:transform .3s var(--trc-ease-out)}.trc-combobox:has([aria-expanded=true]) .trc-combobox__chevron{transform:translateY(-50%) rotate(180deg)}.trc-listbox{max-height:280px;margin:0;padding:6px;overflow-y:auto;list-style:none;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:var(--trc-surface);box-shadow:0 24px 60px -20px #000000b3}.trc-listbox__option{position:relative;display:grid;gap:2px;padding:10px 12px 10px 28px;border-radius:10px;font-size:15px;line-height:1.35;color:var(--trc-fg);cursor:pointer}.trc-listbox__option--active{background:#ffffff0f}.trc-listbox__option[aria-selected=true]:before{content:"";position:absolute;top:17px;left:12px;width:6px;height:6px;border-radius:50%;background:var(--trc-accent)}.trc-listbox__option[aria-disabled=true]{cursor:not-allowed;opacity:.4}.trc-listbox__description{font-size:13px;color:var(--trc-fg-subtle)}.trc-listbox__empty{padding:12px;font-size:14px;color:var(--trc-fg-subtle)}.trc-file-input{display:flex;align-items:center;gap:14px;box-sizing:border-box;height:48px;padding:0 16px 0 6px;border:1px solid var(--trc-border-strong);border-radius:12px;background:#ffffff08;font-family:var(--trc-font);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.trc-file-input:hover{border-color:#ffffff47}.trc-file-input:has(input:focus-visible){border-color:var(--trc-accent);box-shadow:0 0 0 3px var(--trc-accent-soft)}.trc-file-input:has(input[aria-invalid=true]){border-color:var(--trc-danger)}.trc-file-input--disabled{cursor:not-allowed;opacity:.5}.trc-file-input__button{flex-shrink:0;padding:8px 14px;border-radius:8px;background:var(--trc-surface-alt);font-size:14px;color:var(--trc-fg)}.trc-file-input__name{min-width:0;overflow:hidden;font-size:15px;color:var(--trc-fg);white-space:nowrap;text-overflow:ellipsis}.trc-file-input__name--empty{color:var(--trc-fg-faint)}.trc-dropzone{display:grid;gap:12px;font-family:var(--trc-font)}.trc-dropzone__area{display:grid;justify-items:center;gap:6px;padding:36px 24px;border:1px dashed var(--trc-border-pill);border-radius:var(--trc-radius);background:#ffffff05;text-align:center;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.trc-dropzone__area:hover{border-color:#ffffff59}.trc-dropzone__area--dragging{border-color:var(--trc-accent);background:var(--trc-accent-soft)}.trc-dropzone__area:has(input:focus-visible){border-color:var(--trc-accent);box-shadow:0 0 0 3px var(--trc-accent-soft)}.trc-dropzone__area--disabled{cursor:not-allowed;opacity:.5}.trc-dropzone__title{font-size:16px;color:var(--trc-fg)}.trc-dropzone__browse{color:var(--trc-accent);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--trc-accent) 40%,transparent);text-underline-offset:3px}.trc-dropzone__hint{font-size:13px;color:var(--trc-fg-subtle)}.trc-dropzone__rejections{display:grid;gap:4px;margin:0;padding:0;list-style:none;font-size:13px;color:var(--trc-danger)}.trc-dropzone__files{display:grid;gap:6px;margin:0;padding:0;list-style:none}.trc-dropzone__file{display:flex;align-items:center;gap:12px;padding:8px 8px 8px 16px;border:1px solid var(--trc-border);border-radius:12px;background:var(--trc-surface)}.trc-dropzone__file-name{flex:1;min-width:0;overflow:hidden;font-size:14px;color:var(--trc-fg);white-space:nowrap;text-overflow:ellipsis}.trc-dropzone__file-size{flex-shrink:0;font-size:13px;font-variant-numeric:tabular-nums;color:var(--trc-fg-subtle)}.trc-dropzone__remove{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:none;color:var(--trc-fg-subtle);cursor:pointer}.trc-dropzone__remove:hover{background:#ffffff14;color:var(--trc-fg)}.trc-dropzone__remove:focus-visible{outline:none;box-shadow:var(--trc-ring)}.trc-dropzone__remove svg{width:16px;height:16px}.trc-slider{display:flex;align-items:center;gap:16px;font-family:var(--trc-font)}.trc-slider__input{flex:1;min-width:0;height:24px;margin:0;background:transparent;appearance:none;cursor:pointer}.trc-slider__input:disabled{cursor:not-allowed;opacity:.5}.trc-slider__input::-webkit-slider-runnable-track{height:4px;border-radius:var(--trc-radius-pill);background:linear-gradient(to right,var(--trc-accent) 0 var(--trc-slider-progress),rgba(255,255,255,.14) var(--trc-slider-progress))}.trc-slider__input::-moz-range-track{height:4px;border-radius:var(--trc-radius-pill);background:#ffffff24}.trc-slider__input::-moz-range-progress{height:4px;border-radius:var(--trc-radius-pill);background:var(--trc-accent)}.trc-slider__input::-webkit-slider-thumb{width:20px;height:20px;margin-top:-8px;border:0;border-radius:50%;background:var(--trc-fg);box-shadow:0 0 0 4px var(--trc-bg);appearance:none;transition:transform .2s var(--trc-ease-out)}.trc-slider__input::-moz-range-thumb{width:20px;height:20px;border:0;border-radius:50%;background:var(--trc-fg);box-shadow:0 0 0 4px var(--trc-bg)}.trc-slider__input:hover:not(:disabled)::-webkit-slider-thumb{transform:scale(1.1)}.trc-slider__input:focus-visible{outline:none}.trc-slider__input:focus-visible::-webkit-slider-thumb{box-shadow:var(--trc-ring)}.trc-slider__input:focus-visible::-moz-range-thumb{box-shadow:var(--trc-ring)}.trc-slider__input[aria-invalid=true]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--trc-danger) 0 var(--trc-slider-progress),rgba(255,255,255,.14) var(--trc-slider-progress))}.trc-slider__value{min-width:3ch;font-size:15px;font-variant-numeric:tabular-nums;color:var(--trc-fg);text-align:right}.trc-date-picker__trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;cursor:pointer}.trc-date-picker__trigger--empty{color:var(--trc-fg-faint)}.trc-date-picker__icon{width:18px;height:18px;flex-shrink:0;color:var(--trc-fg-subtle)}.trc-calendar{padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:var(--trc-radius);background:var(--trc-surface);box-shadow:0 24px 60px -20px #000000b3}.trc-calendar__head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.trc-calendar__title{margin:0;font-size:15px;color:var(--trc-fg);text-transform:capitalize}.trc-calendar__nav{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:none;color:var(--trc-fg-subtle);cursor:pointer}.trc-calendar__nav:hover{background:#ffffff14;color:var(--trc-fg)}.trc-calendar__nav svg{width:18px;height:18px}.trc-calendar__grid{border-collapse:collapse}.trc-calendar__grid td{padding:1px}.trc-calendar__weekday{width:40px;padding-bottom:6px;font-size:12px;font-weight:400;color:var(--trc-fg-faint);text-transform:capitalize}.trc-calendar__day{position:relative;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:none;color:var(--trc-fg);font:400 14px/1 var(--trc-font);font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color .15s ease}.trc-calendar__day:hover:not(:disabled,.trc-calendar__day--selected){background:#ffffff14}.trc-calendar__day--outside{color:var(--trc-fg-faint)}.trc-calendar__day[aria-current=date]:after{content:"";position:absolute;bottom:6px;left:50%;width:4px;height:4px;border-radius:50%;background:var(--trc-accent);transform:translate(-50%)}.trc-calendar__day--selected{background:var(--trc-accent);color:var(--trc-on-accent)}.trc-calendar__day--selected[aria-current=date]:after{background:var(--trc-on-accent)}.trc-calendar__day:disabled{cursor:not-allowed;opacity:.3}.trc-calendar__nav:focus-visible,.trc-calendar__day:focus-visible{outline:none;box-shadow:var(--trc-ring)}@media(max-width:380px){.trc-calendar{padding:12px}.trc-calendar__weekday,.trc-calendar__day{width:36px}.trc-calendar__day{height:36px}}.trc-header{position:fixed;inset:0 0 auto;z-index:40;box-sizing:border-box;padding:8px;font-family:var(--trc-font);pointer-events:none}.trc-header__bar{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;max-width:1600px;height:64px;margin-inline:auto;padding-inline:16px;border:1px solid transparent;border-radius:var(--trc-radius);pointer-events:auto;transition:background-color .3s ease,border-color .3s ease,backdrop-filter .3s ease}.trc-header__bar--scrolled{border-color:#ffffff1a;background:color-mix(in srgb,var(--trc-surface) 80%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@media(min-width:640px){.trc-header{padding:16px}.trc-header__bar{height:80px;padding-inline:32px}}.trc-header__logo{grid-column:1;justify-self:start;display:inline-flex;flex-shrink:0;align-items:center;color:var(--trc-fg);text-decoration:none}.trc-header__nav{grid-column:2;display:none;align-items:center;gap:28px}.trc-header__link{position:relative;display:inline-flex;align-items:center;gap:6px;padding:4px 0;border:0;background:none;color:#fffc;font:inherit;font-size:15px;text-decoration:none;cursor:pointer;transition:color .2s ease}.trc-header__link:hover,.trc-header__link--active{color:var(--trc-fg)}.trc-header__link--active:after{content:"";position:absolute;bottom:-4px;left:50%;width:4px;height:4px;border-radius:50%;background:var(--trc-accent);transform:translate(-50%)}.trc-header__end{grid-column:3;justify-self:end;display:flex;align-items:center;gap:8px}.trc-header__actions,.trc-header__cta{display:none}.trc-header__actions{align-items:center;gap:8px}@media(min-width:640px){.trc-header__actions{display:flex}.trc-header__cta{display:inline-flex}}.trc-header__burger{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--trc-fg);cursor:pointer;transition:background-color .2s ease}.trc-header__burger:hover{background:#ffffff1a}.trc-header__burger svg{width:20px;height:20px}@media(min-width:1024px){.trc-header__nav{display:flex}.trc-header__burger{display:none}}.trc-dropdown{position:relative}.trc-dropdown__trigger--open{color:var(--trc-fg)}.trc-dropdown__chevron{width:16px;height:16px;transition:transform .3s ease}.trc-dropdown__trigger--open .trc-dropdown__chevron{transform:rotate(180deg)}.trc-dropdown__panel{position:absolute;top:100%;left:50%;width:320px;padding-top:16px;visibility:hidden;opacity:0;transform:translate(-50%,-4px);transition:opacity .3s var(--trc-ease-out),transform .3s var(--trc-ease-out),visibility 0s .3s}.trc-dropdown__panel--open{visibility:visible;opacity:1;transform:translate(-50%);transition-delay:0s}.trc-dropdown__list{margin:0;padding:8px;list-style:none;border:1px solid rgba(255,255,255,.1);border-radius:var(--trc-radius);background:color-mix(in srgb,var(--trc-surface) 95%,transparent);box-shadow:0 24px 60px -20px #000000b3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.trc-dropdown__item{display:block;padding:14px 16px;border-radius:12px;color:inherit;text-decoration:none;transition:background-color .2s ease}.trc-dropdown__item:hover,.trc-dropdown__item:focus-visible{background:#ffffff0d}.trc-dropdown__label{display:block;font-size:15px;color:var(--trc-fg)}.trc-dropdown__description{display:block;margin-top:2px;font-size:13px;line-height:1.4;color:var(--trc-fg-subtle)}.trc-mobile-menu .trc-layer__title{font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#ffffff80}.trc-mobile-menu__cta{align-self:flex-start;margin-top:24px}.trc-mobile-menu__footer{margin-top:24px}.trc-mobile-nav{display:flex;flex-direction:column;margin-top:16px}.trc-mobile-nav__link,.trc-mobile-nav__group{padding-block:16px;border-bottom:1px solid rgba(255,255,255,.1)}.trc-mobile-nav__link,.trc-mobile-nav__heading{margin:0;font-size:18px;color:var(--trc-fg);text-decoration:none}.trc-mobile-nav__link{transition:color .2s ease}.trc-mobile-nav__link:hover,.trc-mobile-nav__link--active{color:var(--trc-accent)}.trc-mobile-nav__sub{margin:12px 0 0;padding:0 0 0 16px;list-style:none;border-left:1px solid rgba(255,255,255,.1)}.trc-mobile-nav__sublink{display:block;padding-block:6px;color:#ffffffb3;text-decoration:none;transition:color .2s ease}.trc-mobile-nav__sublink:hover,.trc-mobile-nav__sublink[aria-current=page]{color:var(--trc-accent)}@media(prefers-reduced-motion:reduce){.trc-dropdown__panel{transition-duration:1ms}}.trc-footer{box-sizing:border-box;padding:0 8px 8px;font-family:var(--trc-font)}.trc-footer__card{box-sizing:border-box;max-width:1600px;margin-inline:auto;padding-inline:24px;border:1px solid rgba(255,255,255,.06);border-radius:var(--trc-radius);background:var(--trc-surface);color:var(--trc-fg)}.trc-footer__main{display:grid;gap:48px;padding-block:64px}.trc-footer__brand{max-width:384px}.trc-footer__logo{display:inline-flex;color:var(--trc-fg);text-decoration:none}.trc-footer__tagline{margin:24px 0 0;line-height:1.65;color:#ffffffb3}.trc-footer__extra{display:grid;justify-items:start;gap:24px;margin-top:32px}.trc-footer__columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px}.trc-footer__heading{margin:0;font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#ffffff73}.trc-footer__list{display:grid;gap:14px;margin:20px 0 0;padding:0;list-style:none;font-size:15px}.trc-footer__link{color:#ffffffd9;text-decoration:none;transition:color .2s ease}.trc-footer__link:hover{color:var(--trc-accent)}.trc-footer__bottom{display:flex;flex-direction:column;gap:20px;padding-block:24px;border-top:1px solid rgba(255,255,255,.1);font-size:14px;color:#ffffff8c}.trc-footer__copyright{margin:0}.trc-footer__legal{display:flex;flex-wrap:wrap;gap:8px 24px}.trc-footer__legal-link{color:inherit;text-decoration:none;transition:color .2s ease}.trc-footer__legal-link:hover{color:var(--trc-fg)}@media(min-width:640px){.trc-footer{padding:0 16px 16px}.trc-footer__card{padding-inline:40px}.trc-footer__columns{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;grid-template-columns:none}}@media(min-width:768px){.trc-footer__bottom{flex-direction:row;align-items:center;justify-content:space-between}}@media(min-width:1024px){.trc-footer__main{grid-template-columns:1.2fr 2fr}}.trc-header__logo:focus-visible,.trc-header__link:focus-visible,.trc-header__burger:focus-visible,.trc-dropdown__item:focus-visible,.trc-mobile-nav a:focus-visible,.trc-footer a:focus-visible{outline:2px solid var(--trc-accent);outline-offset:4px;border-radius:4px}.trc-dropdown__item:focus-visible{outline-offset:-2px;border-radius:12px}.trc-hero-inset{box-sizing:border-box;padding:8px}@media(min-width:640px){.trc-hero-inset{padding:16px}}.trc-hero__media{position:absolute;inset:0;z-index:-2}.trc-hero__media>img,.trc-hero__media>picture,.trc-hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.trc-page-hero{position:relative;isolation:isolate;max-width:1600px;margin-inline:auto;overflow:hidden;border-radius:var(--trc-radius);background:var(--trc-surface);color:var(--trc-fg)}.trc-page-hero__glow{position:absolute;inset:0;background:radial-gradient(ellipse at 85% 0%,color-mix(in srgb,var(--trc-accent) 16%,transparent),transparent 60%)}.trc-page-hero__veil{position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,#0b0c0ff7,#0b0c0fd9,#0b0c0f8c)}.trc-page-hero:not(:has(img,picture,video)) .trc-page-hero__veil{display:none}.trc-page-hero__content{box-sizing:border-box;max-width:1280px;margin-inline:auto;padding:144px 24px 64px}.trc-page-hero__title{max-width:56rem;font-size:clamp(2.25rem,1.6rem + 3vw,3.75rem)}.trc-page-hero__description{max-width:42rem;margin:24px 0 0;font-size:1.125rem;line-height:1.65;color:var(--trc-fg-muted)}.trc-page-hero__meta{margin-top:24px;font-size:14px;color:var(--trc-fg-subtle)}.trc-page-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}@media(min-width:640px){.trc-page-hero__content{padding-inline:40px}}@media(min-width:768px){.trc-page-hero__content{padding-block:176px 80px}}.trc-hero-video{position:relative;isolation:isolate;display:flex;flex-direction:column;max-width:1600px;min-height:calc(100svh - 16px);margin-inline:auto;overflow:hidden;border-radius:var(--trc-radius);background:var(--trc-surface);color:var(--trc-fg);clip-path:inset(0 round var(--trc-radius))}@media(min-width:640px){.trc-hero-video{min-height:calc(100svh - 32px)}}.trc-hero-video__media{inset:-16px 0 -128px;will-change:transform}.trc-hero-video__clip{opacity:0;transition-property:opacity;transition-timing-function:ease-in-out}.trc-hero-video__clip--active{opacity:1}.trc-hero-video__veil{position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,#0b0c0ff2,#0b0c0f8c 40%,#0b0c0f1a 75%),linear-gradient(to right,rgba(11,12,15,.6),transparent 60%),#00000073}.trc-hero-video__content{box-sizing:border-box;display:grid;align-items:end;gap:40px;margin-top:auto;padding:144px 24px 40px}.trc-hero-video__main{max-width:48rem}@media(min-width:640px){.trc-hero-video__content{padding:160px 40px 56px}}@media(min-width:1024px){.trc-hero-video__content{grid-template-columns:1fr auto}}.trc-back-to-top{position:fixed;right:16px;bottom:16px;z-index:40;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:var(--trc-accent);color:var(--trc-on-accent);box-shadow:0 10px 30px -10px color-mix(in srgb,var(--trc-accent) 60%,transparent);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(16px);transition:opacity .3s ease,transform .3s ease}.trc-back-to-top--visible{opacity:1;pointer-events:auto;transform:translateY(0)}.trc-back-to-top--visible:hover{transform:translateY(-2px)}.trc-back-to-top:focus-visible{outline:none;box-shadow:var(--trc-ring)}.trc-back-to-top svg{width:20px;height:20px}@media(min-width:640px){.trc-back-to-top{right:32px;bottom:32px}}.trc-layer{position:fixed;inset:0;z-index:50;display:flex;font-family:var(--trc-font);letter-spacing:-.01em;color:var(--trc-fg);visibility:hidden;transition:visibility 0s .4s}.trc-layer--open{visibility:visible;transition-delay:0s}.trc-layer__overlay{position:absolute;inset:0;background:#0009;opacity:0;transition:opacity .4s ease}.trc-layer--open .trc-layer__overlay{opacity:1}.trc-layer__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.trc-layer__title{margin:0;font-size:1.375rem;font-weight:400;letter-spacing:-.025em;line-height:1.25;color:var(--trc-fg)}.trc-layer__close{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:40px;height:40px;margin:-8px -8px 0 0;padding:0;border:0;border-radius:50%;background:transparent;color:var(--trc-fg-subtle);cursor:pointer;transition:color .2s ease,background-color .2s ease}.trc-layer__close:hover{background:#ffffff14;color:var(--trc-fg)}.trc-layer__close:focus-visible{outline:none;box-shadow:var(--trc-ring)}.trc-layer__close svg{width:20px;height:20px}.trc-layer__description{margin:8px 0 0;font-size:15px;line-height:1.6;color:var(--trc-fg-muted)}.trc-layer__body{margin-top:24px;font-size:15px;line-height:1.65;color:var(--trc-fg-muted)}.trc-layer__footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:32px}.trc-layer--dialog{align-items:center;justify-content:center;padding:16px}.trc-dialog{position:relative;box-sizing:border-box;width:100%;max-height:calc(100dvh - 32px);padding:28px;overflow-y:auto;border:1px solid var(--trc-border);border-radius:var(--trc-radius);background:var(--trc-surface);outline:none;opacity:0;transform:translateY(12px) scale(.98);transition:opacity .3s var(--trc-ease-out),transform .4s var(--trc-ease-out)}.trc-dialog--sm{max-width:400px}.trc-dialog--md{max-width:520px}.trc-dialog--lg{max-width:720px}.trc-layer--open .trc-dialog{opacity:1;transform:none}@media(min-width:640px){.trc-dialog{padding:32px}}.trc-drawer{position:absolute;top:0;bottom:0;box-sizing:border-box;display:flex;flex-direction:column;width:min(380px,88vw);padding:24px;overflow-y:auto;background:var(--trc-bg);outline:none;transition:transform .4s var(--trc-ease-out)}.trc-drawer--md{width:min(480px,92vw)}.trc-layer--right .trc-drawer{right:0;border-left:1px solid rgba(255,255,255,.1);transform:translate(100%)}.trc-layer--left .trc-drawer{left:0;border-right:1px solid rgba(255,255,255,.1);transform:translate(-100%)}.trc-layer--open .trc-drawer{transform:none}.trc-drawer .trc-layer__body{flex:1}.trc-drawer .trc-layer__footer{justify-content:flex-start}.trc-mobile-menu .trc-layer__body{display:flex;flex-direction:column;margin-top:0}@media(prefers-reduced-motion:reduce){.trc-layer,.trc-layer__overlay,.trc-dialog,.trc-drawer{transition-duration:1ms}}.trc-floating{position:fixed;top:0;left:0;z-index:60;box-sizing:border-box;font-family:var(--trc-font);letter-spacing:-.01em;color:var(--trc-fg);animation:trc-floating-in .2s var(--trc-ease-out)}.trc-floating[data-side=top]{animation-name:trc-floating-in-top}@keyframes trc-floating-in{0%{opacity:0;transform:translateY(-4px)}}@keyframes trc-floating-in-top{0%{opacity:0;transform:translateY(4px)}}.trc-menu{min-width:200px;max-width:min(320px,calc(100vw - 16px));padding:6px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:color-mix(in srgb,var(--trc-surface) 96%,transparent);box-shadow:0 24px 60px -20px #000000b3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.trc-menu__item{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:10px 12px;border-radius:10px;font-size:15px;line-height:1.3;color:var(--trc-fg);text-decoration:none;cursor:pointer;outline:none;user-select:none}.trc-menu__item:focus{background:#ffffff0f}.trc-menu__item:focus-visible{box-shadow:inset 0 0 0 1px var(--trc-border-strong)}.trc-menu__item[aria-disabled=true]{cursor:not-allowed;opacity:.4}.trc-menu__item--danger{color:var(--trc-danger)}.trc-menu__hint{font-size:13px;color:var(--trc-fg-faint)}.trc-menu__separator{height:1px;margin:6px 8px;background:var(--trc-border)}.trc-popover{width:min(320px,calc(100vw - 16px));padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:var(--trc-radius);background:var(--trc-surface);box-shadow:0 24px 60px -20px #000000b3;outline:none}.trc-popover__title{margin:0 0 8px;font-size:17px;line-height:1.3;color:var(--trc-fg)}.trc-popover__body{font-size:14px;line-height:1.6;color:var(--trc-fg-muted)}.trc-tooltip{max-width:260px;padding:6px 10px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:var(--trc-surface-alt);font-size:13px;line-height:1.4;color:var(--trc-fg);visibility:hidden;animation:none}.trc-tooltip--open{visibility:visible;animation:trc-floating-in .16s var(--trc-ease-out)}.trc-tooltip--open[data-side=top]{animation-name:trc-floating-in-top}@media(prefers-reduced-motion:reduce){.trc-floating,.trc-tooltip--open{animation:none}}.trc-toaster{position:fixed;z-index:70;box-sizing:border-box;width:min(380px,calc(100vw - 32px));font-family:var(--trc-font);letter-spacing:-.01em;pointer-events:none}.trc-toaster--bottom-right{right:16px;bottom:16px}.trc-toaster--bottom-center{bottom:16px;left:50%;transform:translate(-50%)}.trc-toaster--top-right{top:16px;right:16px}@media(min-width:640px){.trc-toaster--bottom-right{right:24px;bottom:24px}.trc-toaster--top-right{top:24px;right:24px}}.trc-toaster__list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.trc-toast{display:flex;align-items:flex-start;gap:12px;padding:14px 10px 14px 18px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:var(--trc-surface);box-shadow:0 24px 60px -20px #000000b3;color:var(--trc-fg);pointer-events:auto;animation:trc-toast-in .3s var(--trc-ease-out);transition:opacity .2s ease,transform .2s ease}.trc-toast--leaving{opacity:0;transform:translateY(8px)}@keyframes trc-toast-in{0%{opacity:0;transform:translateY(12px)}}.trc-toast__text{flex:1;min-width:0;padding-top:2px}.trc-toast__title{position:relative;margin:0;font-size:15px;line-height:1.4}.trc-toast--success .trc-toast__title,.trc-toast--error .trc-toast__title{padding-left:16px}.trc-toast--success .trc-toast__title:before,.trc-toast--error .trc-toast__title:before{content:"";position:absolute;top:.5em;left:0;width:6px;height:6px;border-radius:50%;background:var(--trc-accent)}.trc-toast--error .trc-toast__title:before{background:var(--trc-danger)}.trc-toast__description{margin:4px 0 0;font-size:14px;line-height:1.5;color:var(--trc-fg-muted)}.trc-toast--success .trc-toast__description,.trc-toast--error .trc-toast__description{padding-left:16px}.trc-toast__action{flex-shrink:0;margin-top:1px;padding:4px 8px;border:0;border-radius:8px;background:none;color:var(--trc-accent);font:500 14px/1.4 var(--trc-font);cursor:pointer}.trc-toast__action:hover{background:#ffffff0f}.trc-toast__close{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:none;color:var(--trc-fg-subtle);cursor:pointer}.trc-toast__close:hover{background:#ffffff14;color:var(--trc-fg)}.trc-toast__close svg{width:16px;height:16px}.trc-toast__action:focus-visible,.trc-toast__close:focus-visible{outline:none;box-shadow:var(--trc-ring)}.trc-alert{position:relative;padding:16px 20px 16px 22px;overflow:hidden;border:1px solid var(--trc-border);border-radius:14px;background:var(--trc-surface);color:var(--trc-fg)}.trc-alert:before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--trc-accent)}.trc-alert--error:before{background:var(--trc-danger)}.trc-alert__title{margin:0;font-size:15px;font-weight:500;line-height:1.4}.trc-alert__body{font-size:14px;line-height:1.6;color:var(--trc-fg-muted)}.trc-alert__title+.trc-alert__body{margin-top:4px}.trc-alert__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}@media(prefers-reduced-motion:reduce){.trc-toast{animation:none;transition-duration:1ms}}.trc-tabs__list{display:flex;gap:28px;overflow-x:auto;border-bottom:1px solid var(--trc-border);scrollbar-width:none}.trc-tabs__list::-webkit-scrollbar{display:none}.trc-tabs__tab{position:relative;flex-shrink:0;padding:12px 0 14px;border:0;background:none;color:var(--trc-fg-subtle);font:400 15px/1.3 var(--trc-font);letter-spacing:-.01em;white-space:nowrap;cursor:pointer;transition:color .2s ease}.trc-tabs__tab:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;border-radius:2px;background:var(--trc-accent);transform:scaleX(0);transition:transform .3s var(--trc-ease-out)}.trc-tabs__tab:hover:not(:disabled){color:var(--trc-fg)}.trc-tabs__tab[aria-selected=true]{color:var(--trc-fg)}.trc-tabs__tab[aria-selected=true]:after{transform:scaleX(1)}.trc-tabs__tab:disabled{cursor:not-allowed;opacity:.4}.trc-tabs__tab:focus-visible{outline:2px solid var(--trc-accent);outline-offset:2px;border-radius:4px}.trc-tabs__panel{padding-top:24px;outline:none}.trc-tabs__panel:focus-visible{box-shadow:var(--trc-ring);border-radius:8px}.trc-segmented{display:inline-flex;max-width:100%;padding:4px;overflow-x:auto;border:1px solid var(--trc-border-strong);border-radius:var(--trc-radius-pill);font-family:var(--trc-font)}.trc-segmented__option{position:relative;flex-shrink:0}.trc-segmented__input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.trc-segmented__input:disabled{cursor:not-allowed}.trc-segmented__label{display:block;padding:8px 16px;border-radius:var(--trc-radius-pill);font-size:14px;line-height:1.3;color:var(--trc-fg-subtle);white-space:nowrap;transition:color .2s ease,background-color .2s ease;pointer-events:none}.trc-segmented--sm .trc-segmented__label{padding:6px 12px;font-size:13px}.trc-segmented__option:hover .trc-segmented__input:not(:disabled)+.trc-segmented__label{color:var(--trc-fg)}.trc-segmented__input:checked+.trc-segmented__label{background:var(--trc-surface-alt);color:var(--trc-fg)}.trc-segmented__input:disabled+.trc-segmented__label{opacity:.4}.trc-segmented__input:focus-visible+.trc-segmented__label{box-shadow:var(--trc-ring)}@media(prefers-reduced-motion:reduce){.trc-tabs__tab:after{transition-duration:1ms}}.trc-accordion{border-top:1px solid var(--trc-border);font-family:var(--trc-font)}.trc-accordion__item{border-bottom:1px solid var(--trc-border)}.trc-accordion__heading{margin:0;font:inherit}.trc-accordion__trigger{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;padding:22px 0;border:0;background:none;color:var(--trc-fg);font:400 18px/1.35 var(--trc-font);letter-spacing:-.015em;text-align:left;cursor:pointer;transition:color .2s ease}.trc-accordion__trigger:hover:not(:disabled){color:var(--trc-accent)}.trc-accordion__trigger:disabled{cursor:not-allowed;opacity:.4}.trc-accordion__trigger:focus-visible{outline:2px solid var(--trc-accent);outline-offset:4px;border-radius:4px}.trc-accordion__chevron{width:20px;height:20px;flex-shrink:0;color:var(--trc-fg-subtle);transition:transform .4s var(--trc-ease-out)}.trc-accordion__item--open .trc-accordion__chevron{transform:rotate(180deg)}.trc-accordion__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--trc-ease-out)}.trc-accordion__item--open .trc-accordion__panel{grid-template-rows:1fr}.trc-accordion__inner{min-height:0;overflow:hidden;visibility:hidden;transition:visibility 0s .4s}.trc-accordion__item--open .trc-accordion__inner{visibility:visible;transition-delay:0s}.trc-accordion__content{padding:0 40px 24px 0;font-size:15px;line-height:1.7;color:var(--trc-fg-muted)}.trc-steps{margin:0;padding:0;list-style:none;font-family:var(--trc-font)}.trc-steps__item{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr);gap:20px;padding-bottom:36px}.trc-steps__item:last-child{padding-bottom:0}.trc-steps__item:not(:last-child):before{content:"";position:absolute;top:48px;bottom:8px;left:27px;width:1px;background:var(--trc-border-strong)}.trc-steps__number{font-size:2.5rem;font-weight:300;font-variant-numeric:tabular-nums;letter-spacing:-.025em;line-height:1;color:var(--trc-accent);text-align:center}.trc-steps__text{padding-top:6px}.trc-steps__title{margin:0;font-size:18px;line-height:1.35;color:var(--trc-fg)}.trc-steps__description{margin-top:6px;font-size:15px;line-height:1.65;color:var(--trc-fg-muted)}.trc-steps__item--complete .trc-steps__number{opacity:.55}.trc-steps__item--complete:not(:last-child):before{background:color-mix(in srgb,var(--trc-accent) 50%,transparent)}.trc-steps__item--upcoming .trc-steps__number{color:var(--trc-fg-faint)}.trc-steps__item--upcoming .trc-steps__title{color:var(--trc-fg-subtle)}@media(prefers-reduced-motion:reduce){.trc-accordion__panel,.trc-accordion__chevron{transition-duration:1ms}}.trc-breadcrumbs__list{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0;padding:0;list-style:none;font-family:var(--trc-font);font-size:14px}.trc-breadcrumbs__item{display:inline-flex;align-items:center;gap:10px}.trc-breadcrumbs__link{color:var(--trc-fg-subtle);text-decoration:none;transition:color .2s ease}.trc-breadcrumbs__link:hover{color:var(--trc-fg)}.trc-breadcrumbs__link:focus-visible{outline:2px solid var(--trc-accent);outline-offset:3px;border-radius:4px}.trc-breadcrumbs__current{color:var(--trc-fg)}.trc-breadcrumbs__separator{color:var(--trc-fg-faint)}.trc-pagination__list{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;list-style:none;font-family:var(--trc-font)}.trc-pagination__control{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:40px;height:40px;padding:0 10px;border:1px solid transparent;border-radius:var(--trc-radius-pill);background:none;color:var(--trc-fg-muted);font:400 14px/1 var(--trc-font);font-variant-numeric:tabular-nums;text-decoration:none;cursor:pointer;transition:color .2s ease,background-color .2s ease,border-color .2s ease}.trc-pagination__control:hover:not(:disabled,[aria-disabled=true],[aria-current=page]){background:#ffffff0f;color:var(--trc-fg)}.trc-pagination__control[aria-current=page]{border-color:var(--trc-border-pill);color:var(--trc-accent);cursor:default}.trc-pagination__control:disabled,.trc-pagination__control[aria-disabled=true]{cursor:not-allowed;opacity:.35}.trc-pagination__control:focus-visible{outline:none;box-shadow:var(--trc-ring)}.trc-pagination__step svg{width:18px;height:18px}.trc-pagination__ellipsis{min-width:24px;color:var(--trc-fg-faint);text-align:center}@media(max-width:480px){.trc-pagination__list{gap:2px}.trc-pagination__control{min-width:32px;height:34px;padding:0 4px}.trc-pagination__ellipsis{min-width:16px}}.trc-languages{display:inline-flex;align-items:center;height:40px;padding:0 4px;border:1px solid rgba(255,255,255,.15);border-radius:var(--trc-radius-pill);font-family:var(--trc-font)}.trc-languages__item{padding:6px 10px;border:0;border-radius:var(--trc-radius-pill);background:none;color:var(--trc-fg-subtle);font:500 13px/1 var(--trc-font);letter-spacing:.04em;text-decoration:none;cursor:pointer;transition:color .2s ease}.trc-languages__item:hover{color:var(--trc-fg)}.trc-languages__item[aria-current=true]{color:var(--trc-accent)}.trc-languages__item:focus-visible{outline:2px solid var(--trc-accent);outline-offset:-2px}.trc-avatar{position:relative;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:40px;height:40px;overflow:hidden;border-radius:50%;background:var(--trc-surface-alt);font-family:var(--trc-font);vertical-align:middle}.trc-avatar--sm{width:28px;height:28px}.trc-avatar--lg{width:56px;height:56px}.trc-avatar__image{width:100%;height:100%;object-fit:cover}.trc-avatar__initials{font-size:14px;font-weight:500;letter-spacing:.02em;color:var(--trc-fg-muted)}.trc-avatar--sm .trc-avatar__initials{font-size:11px}.trc-avatar--lg .trc-avatar__initials{font-size:19px}.trc-avatar-group{display:inline-flex}.trc-avatar-group>.trc-avatar{box-shadow:0 0 0 2px var(--trc-bg)}.trc-avatar-group>.trc-avatar+.trc-avatar{margin-left:-8px}.trc-avatar-group>.trc-avatar--sm+.trc-avatar{margin-left:-5px}.trc-avatar-group>.trc-avatar--lg+.trc-avatar{margin-left:-12px}.trc-avatar--more{background:var(--trc-surface);border:1px solid var(--trc-border-strong)}.trc-tag{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border:1px solid var(--trc-border-strong);border-radius:var(--trc-radius-pill);font-family:var(--trc-font);font-size:13px;line-height:1;color:var(--trc-fg-muted);white-space:nowrap}.trc-tag--accent{border-color:color-mix(in srgb,var(--trc-accent) 40%,transparent);color:var(--trc-accent)}.trc-tag:has(.trc-tag__remove){padding-right:4px}.trc-tag__remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:0;border-radius:50%;background:none;color:inherit;cursor:pointer;opacity:.7}.trc-tag__remove:hover{background:#ffffff1a;opacity:1}.trc-tag__remove:focus-visible{outline:none;box-shadow:var(--trc-ring)}.trc-tag__remove svg{width:12px;height:12px}.trc-stat{display:grid;align-content:start;gap:6px;margin:0;font-family:var(--trc-font)}.trc-stat__label{font-size:14px;color:var(--trc-fg-subtle)}.trc-stat__value{margin:0;font-size:clamp(2rem,1.7rem + 1.2vw,2.75rem);font-weight:300;font-variant-numeric:tabular-nums;letter-spacing:-.03em;line-height:1.05;color:var(--trc-fg)}.trc-stat__meta{display:flex;flex-wrap:wrap;gap:4px 8px;margin:2px 0 0;font-size:13px}.trc-stat__change{font-variant-numeric:tabular-nums}.trc-stat__change--positive{color:var(--trc-accent)}.trc-stat__change--negative{color:var(--trc-danger)}.trc-stat__change--neutral{color:var(--trc-fg-muted)}.trc-stat__description{color:var(--trc-fg-subtle)}.trc-table{overflow-x:auto;border:1px solid var(--trc-border);border-radius:var(--trc-radius);font-family:var(--trc-font);outline:none}.trc-table:focus-visible{box-shadow:var(--trc-ring)}.trc-table__table{width:100%;border-collapse:collapse;font-size:14px}.trc-table__caption{padding:16px 20px 12px;font-size:15px;color:var(--trc-fg);text-align:left}.trc-table__head{padding:12px 20px;border-top:1px solid var(--trc-border);border-bottom:1px solid var(--trc-border);background:var(--trc-surface);font-weight:500;color:var(--trc-fg-subtle);text-align:left;white-space:nowrap}.trc-table__caption.trc-visually-hidden+thead .trc-table__head{border-top:0}.trc-table__cell{padding:14px 20px;border-bottom:1px solid var(--trc-border);color:var(--trc-fg-muted);vertical-align:middle}.trc-table tbody tr:last-child .trc-table__cell{border-bottom:0}.trc-table tbody tr:hover .trc-table__cell{background:#ffffff05}.trc-table__cell--right{font-variant-numeric:tabular-nums;text-align:right}.trc-table__cell--center{text-align:center}.trc-table--dense .trc-table__head,.trc-table--dense .trc-table__cell{padding:8px 14px}.trc-table__sort{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}.trc-table__head.trc-table__cell--right .trc-table__sort{flex-direction:row-reverse}.trc-table__sort:hover{color:var(--trc-fg)}.trc-table__sort:focus-visible{outline:2px solid var(--trc-accent);outline-offset:3px;border-radius:4px}.trc-table__sort-icon{width:14px;height:14px;opacity:.35;transition:transform .2s ease,opacity .2s ease}.trc-table__sort-icon--active{color:var(--trc-accent);opacity:1}.trc-table__sort-icon--up{transform:rotate(180deg)}.trc-table__empty{padding:32px 20px;color:var(--trc-fg-subtle);text-align:center}.trc-skeleton{display:block;height:16px;border-radius:8px;background:linear-gradient(90deg,var(--trc-surface) 0%,var(--trc-surface-alt) 50%,var(--trc-surface) 100%) 0 0 / 200% 100%;animation:trc-skeleton 1.6s ease-in-out infinite}.trc-skeleton--text{height:.9em;min-height:12px}.trc-skeleton--circle{width:40px;height:40px;border-radius:50%}.trc-skeleton-lines{display:grid;gap:10px}@keyframes trc-skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}.trc-spinner{display:inline-flex;width:24px;height:24px;vertical-align:middle}.trc-spinner--sm{width:16px;height:16px}.trc-spinner--lg{width:40px;height:40px}.trc-spinner__svg{width:100%;height:100%;fill:none;stroke-width:2.5;stroke-linecap:round;animation:trc-spin .8s linear infinite}.trc-spinner__track{stroke:#ffffff1f}.trc-spinner__arc{stroke:var(--trc-accent)}.trc-progress{display:grid;gap:8px;font-family:var(--trc-font)}.trc-progress__head{display:flex;justify-content:space-between;gap:16px;font-size:14px}.trc-progress__label{color:var(--trc-fg)}.trc-progress__value{font-variant-numeric:tabular-nums;color:var(--trc-fg-subtle)}.trc-progress__track{position:relative;height:6px;overflow:hidden;border-radius:var(--trc-radius-pill);background:#ffffff1a}.trc-progress__fill{width:var(--trc-progress);height:100%;border-radius:inherit;background:var(--trc-accent);transition:width .4s var(--trc-ease-out)}.trc-progress--indeterminate .trc-progress__fill{position:absolute;width:35%;animation:trc-progress 1.4s var(--trc-ease) infinite}@keyframes trc-progress{0%{left:-35%}to{left:100%}}@media(prefers-reduced-motion:reduce){.trc-skeleton{animation:none}.trc-progress--indeterminate .trc-progress__fill{left:0;width:100%;opacity:.4;animation:none}}.trc-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border:1px solid var(--trc-border-strong);border-bottom-width:2px;border-radius:6px;background:var(--trc-surface);font-family:var(--trc-font-mono);font-size:12px;line-height:1;color:var(--trc-fg-muted);vertical-align:middle}.trc-divider{height:1px;margin:24px 0;border:0;background:var(--trc-border)}.trc-divider-label{display:flex;align-items:center;gap:16px;margin:24px 0;font-family:var(--trc-font);font-size:13px;color:var(--trc-fg-subtle)}.trc-divider-label:before,.trc-divider-label:after{content:"";flex:1;height:1px;background:var(--trc-border)}.trc-divider--vertical{display:inline-block;align-self:stretch;width:1px;min-height:1em;background:var(--trc-border-strong)}.trc-code{position:relative;overflow:hidden;border:1px solid var(--trc-border);border-radius:var(--trc-radius);background:var(--trc-surface);font-family:var(--trc-font)}.trc-code__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 12px 0 16px}.trc-code__file{display:inline-flex;align-items:center;gap:10px;min-width:0;padding:7px 14px 7px 8px;border:1px solid var(--trc-border-strong);border-radius:10px;background:var(--trc-bg);font-family:var(--trc-font-mono);font-size:13px;color:var(--trc-fg);white-space:nowrap}.trc-code__lang{padding:2px 5px;border-radius:4px;background:var(--trc-accent);font-size:10px;font-weight:700;line-height:1.2;color:var(--trc-on-accent)}.trc-code__pre{margin:0;padding:16px 20px 20px;overflow-x:auto;font-family:var(--trc-font-mono);font-size:13.5px;line-height:1.7;color:#c9cacc}.trc-code--bare .trc-code__pre{padding:20px 56px 20px 20px}.trc-code__copy{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--trc-fg-subtle);cursor:pointer;transition:color .2s ease,background-color .2s ease}.trc-code--bare>.trc-code__copy{position:absolute;top:10px;right:10px}.trc-code__copy:hover{background:#ffffff0f;color:var(--trc-fg)}.trc-code__copy[data-copied=true]{color:var(--trc-accent)}.trc-code__copy:focus-visible{outline:none;box-shadow:var(--trc-ring)}.trc-code__copy svg{width:18px;height:18px}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "trc-ui",
-  "version": "0.1.0",
+  "version": "0.5.0",
   "description": "React components with a deep black design: near-black backgrounds, graphite cards, thin headings and pill buttons.",
   "license": "MIT",
   "author": {
@@ -8,7 +8,7 @@
     "email": "agbadoaurel@gmail.com",
     "url": "https://www.theringconcept.com/"
   },
-  "homepage": "https://github.com/aa404/trc-ui#readme",
+  "homepage": "https://ui.theringconcept.com",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/aa404/trc-ui.git",
@@ -62,19 +62,27 @@
   "scripts": {
     "build": "tsup",
     "build:watch": "tsup --watch",
+    "test": "vitest run",
+    "test:watch": "vitest",
     "typecheck": "tsc --noEmit",
-    "prepublishOnly": "npm run typecheck && npm run build"
+    "prepublishOnly": "npm run typecheck && npm run test && npm run build"
   },
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18"
   },
   "devDependencies": {
-    "tsup": "^9.0.0",
-    "typescript": "^5.9.3",
+    "@testing-library/jest-dom": "^7.0.1",
+    "@testing-library/react": "^16.3.3",
+    "@testing-library/user-event": "^14.6.8",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
+    "axe-core": "^4.14.0",
+    "jsdom": "^30.1.3",
     "react": "^19.3.1",
     "react-dom": "^19.3.1",
-    "@types/react": "^19.3.0",
-    "@types/react-dom": "^19.3.0"
+    "tsup": "^9.0.0",
+    "typescript": "^5.9.3",
+    "vitest": "^5.0.5"
   }
 }