@import"https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Inter:wght@400;500;600&display=swap";:root{--brand-bg: #ffffff;--brand-bg-alt: #faf6f1;--brand-accent-warm: #F1A948;--brand-fg: #7f888f;--brand-fg-bold: #3d4449;--brand-fg-light: #9fa3a6;--brand-border: rgba(210, 215, 217, .75);--brand-border-bg: rgba(230, 235, 237, .25);--brand-accent: #E6762B;--brand-accent-secondary: #537CA3;--brand-font-body: Inter, Open Sans, sans-serif;--brand-font-heading: Open Sans, Inter, sans-serif;--brand-font-display: Ubuntu, Open Sans, sans-serif;--brand-font-fixed: Courier New, monospace;--brand-font-weight: 400;--brand-font-weight-bold: 500;--brand-font-weight-heading: 700;--brand-kerning-heading: .05em;--brand-radius: .375em;--brand-element-height: 2.75em;--brand-element-margin: 2em;--brand-gutter: 3em;--brand-transition: .2s}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--brand-bg);color:var(--brand-fg);font-family:var(--brand-font-body);font-size:16px;line-height:1.65}h1,h2,h3{color:var(--brand-fg-bold);font-family:var(--brand-font-heading);font-weight:var(--brand-font-weight-heading);letter-spacing:var(--brand-kerning-heading);line-height:1.25;margin:0 0 .5em}h1{font-family:var(--brand-font-display)}a{color:var(--brand-accent);text-decoration:none;transition:color var(--brand-transition) ease}a:hover{color:var(--brand-accent-secondary)}img{max-width:100%;height:auto}.wrap{margin:0 auto;max-width:68rem;padding:0 1.5rem}.site-header{align-items:center;border-bottom:1px solid var(--brand-border);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:0 auto;max-width:68rem;padding:1.25rem 1.5rem}.site-header__brand{align-items:center;color:var(--brand-fg-bold);display:flex;gap:.75rem}.site-header__brand img{height:40px;width:auto}.site-header__label{border-left:1px solid var(--brand-border);color:var(--brand-fg-light);font-size:.9rem;letter-spacing:.08em;padding-left:.75rem;text-transform:uppercase}.site-header__right{align-items:center;display:flex;gap:1.25rem}.site-header__company{font-weight:var(--brand-font-weight-bold)}.lang{color:var(--brand-fg-light);font-size:.9rem}.lang__sep{margin:0 .4rem}.lang [aria-current]{color:var(--brand-fg-bold);font-weight:var(--brand-font-weight-bold)}.banner{padding:3.5rem 0 2rem}.banner h1{font-size:clamp(2rem,5vw,3rem);margin-bottom:.25em}.banner__subtitle{color:var(--brand-accent);font-size:1.15rem;font-weight:var(--brand-font-weight-bold);margin:0 0 1rem}.banner__body{max-width:44rem}.grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));list-style:none;margin:0 0 3rem;padding:0}.card{background:var(--brand-bg);border:1px solid var(--brand-border);border-radius:var(--brand-radius);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:border-color var(--brand-transition) ease,box-shadow var(--brand-transition) ease}.card:hover{border-color:var(--brand-accent);box-shadow:0 .5rem 1.5rem #00000012}.card:focus-within{border-color:var(--brand-accent)}.card__shot img{aspect-ratio:16/9;border-bottom:1px solid var(--brand-border);display:block;object-fit:cover;object-position:left top;width:100%}.card__body{display:flex;flex:1;flex-direction:column;padding:1.5rem}.card__badges{display:flex;gap:.5rem;margin-bottom:.75rem}.card__title{font-size:1.4rem;margin-bottom:.35em}.card__link{color:var(--brand-fg-bold)}.card__link:hover{color:var(--brand-accent)}.card__link:after{content:"";inset:0;position:absolute;z-index:0}.card__link:focus-visible{outline:none}.card__link:focus-visible:after{outline:2px solid var(--brand-accent);outline-offset:2px}.card__tagline{flex:1;margin:0 0 1rem}.card__actions{display:flex;flex-wrap:wrap;gap:.5rem}.card__actions a{position:relative;z-index:1}.badge{background:var(--brand-bg-alt);border-radius:999px;color:var(--brand-fg-light);font-size:.72rem;letter-spacing:.06em;padding:.2rem .7rem;text-transform:uppercase}.badge--live{background:var(--brand-accent-warm);color:#fff}.badge--open-source{background:var(--brand-accent-secondary);color:#fff}.badge--source-available{border:1px solid var(--brand-accent-secondary);color:var(--brand-accent-secondary)}.chips{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin:0 0 1.25rem;padding:0}.chip{border:1px solid var(--brand-border);border-radius:var(--brand-radius);color:var(--brand-fg-light);font-size:.78rem;padding:.15rem .55rem}.button{border:1px solid var(--brand-border);border-radius:var(--brand-radius);color:var(--brand-fg-bold);display:inline-block;font-weight:var(--brand-font-weight-bold);line-height:1;padding:.7rem 1.1rem;transition:background var(--brand-transition) ease,border-color var(--brand-transition) ease,color var(--brand-transition) ease}.button:hover{border-color:var(--brand-accent);color:var(--brand-accent)}.button--primary{background:var(--brand-accent);border-color:var(--brand-accent);color:#fff}.button--primary:hover{background:var(--brand-accent-secondary);border-color:var(--brand-accent-secondary);color:#fff}.button--big{font-size:1.05rem;padding:.9rem 1.6rem}.button--quiet{border-color:transparent;color:var(--brand-fg-light);padding-left:.5rem;padding-right:.5rem}.promo{background:var(--brand-bg-alt);border-radius:var(--brand-radius);margin-bottom:3rem;padding:2.5rem}.promo p{margin:0 0 1.5rem;max-width:42rem}.site-footer{border-top:1px solid var(--brand-border);color:var(--brand-fg-light);font-size:.9rem;margin:0 auto;max-width:68rem;padding:2rem 1.5rem 3rem}.site-footer p{margin:0 0 .35rem}@media(width<=40rem){.site-header__label{display:none}.promo{padding:1.75rem}}.crumbs{font-size:.9rem;padding:1.5rem 0 0}.detail-head{padding:1.5rem 0 2rem}.detail-head h1{font-size:clamp(2rem,5vw,2.75rem);margin-bottom:.15em}.detail-head__tagline{color:var(--brand-accent);font-size:1.15rem;font-weight:var(--brand-font-weight-bold);margin:0 0 1.5rem;max-width:40rem}.detail-shot{border:1px solid var(--brand-border);border-radius:var(--brand-radius);display:block;margin-bottom:3rem;width:100%}.detail-cols{display:grid;gap:3rem;grid-template-columns:minmax(0,2fr) minmax(0,1fr);margin-bottom:3rem}.prose h2{font-size:1.35rem;margin-top:2em}.prose>:first-child{margin-top:0}.prose img{border:1px solid var(--brand-border);border-radius:var(--brand-radius);display:block;margin:1.5em 0}.prose code{background:var(--brand-bg-alt);border-radius:.25em;font-family:var(--brand-font-fixed);font-size:.9em;padding:.1em .35em}.facts{border-left:1px solid var(--brand-border);padding-left:2rem}.facts h2{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}.facts h2+p{margin-top:0}@media(width<=52rem){.detail-cols{grid-template-columns:1fr;gap:2rem}.facts{border-left:0;border-top:1px solid var(--brand-border);padding:1.5rem 0 0}}