.open-source-page{--os-accent:oklch(77% .16 155)}.co-nav .is-current{color:var(--co-ink)}.os-hero{display:grid;gap:clamp(2rem,7vw,7rem);align-items:end;padding-block:clamp(6rem,13vw,11rem);border-bottom:1px solid var(--co-line)}.os-hero h1{max-width:11ch;margin:0;font-family:var(--co-display);font-size:clamp(3.4rem,8vw,7rem);letter-spacing:-.055em;line-height:.91}.os-hero h1 strong{color:var(--os-accent)}.os-hero-copy{padding-bottom:.6rem}.os-hero-copy>p{max-width:34rem;margin:0;color:var(--co-muted);font-size:clamp(1.05rem,1.7vw,1.3rem);line-height:1.65}.os-proof{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;margin-top:1.7rem;color:var(--co-muted);font-size:.66rem;font-weight:800}.os-proof span{display:flex;align-items:center;gap:.4rem}.os-proof span::before{width:.32rem;height:.32rem;border-radius:50%;background:var(--os-accent);content:""}.os-foundation{padding-block:clamp(4rem,8vw,7rem)}.os-foundation-card{position:relative;display:grid;min-height:26rem;overflow:hidden;padding:clamp(1.5rem,4vw,3rem);border:1px solid var(--co-line);border-radius:.7rem;background:var(--co-deep);color:var(--co-ink);text-decoration:none}.os-foundation-card>div:first-child{position:relative;z-index:2;max-width:35rem}.os-foundation-card small{color:var(--co-muted);font-size:.62rem;font-weight:850;letter-spacing:.1em}.os-foundation-card h2{margin:.7rem 0;font-family:var(--co-display);font-size:clamp(3rem,7vw,6rem);letter-spacing:-.05em}.os-foundation-card p{color:var(--co-muted)}.os-foundation-card>span{position:relative;z-index:2;align-self:end;font-size:.78rem;font-weight:800}.os-core{position:absolute;right:8%;bottom:-28%;display:grid;width:24rem;height:24rem;place-items:center;align-content:center;border:1px solid var(--co-blue);border-radius:50%;box-shadow:0 0 0 3rem color-mix(in oklch,var(--co-blue) 5%,transparent),0 0 0 7rem color-mix(in oklch,var(--co-blue) 3%,transparent)}.os-core i{position:absolute;width:.45rem;height:.45rem;border-radius:50%;background:var(--os-accent)}.os-core i:nth-child(1){top:12%;left:28%}.os-core i:nth-child(2){top:30%;right:8%}.os-core i:nth-child(3){left:2%;bottom:34%}.os-core b{font-family:var(--co-display);font-size:3rem}.os-core small{color:var(--co-muted)}.os-catalog{padding-block:clamp(5rem,10vw,9rem)}.os-catalog>header{display:grid;gap:1rem;margin-bottom:5rem}.os-catalog>header h2{max-width:15ch;margin:0;font-family:var(--co-display);font-size:clamp(2.6rem,6vw,5rem);letter-spacing:-.045em;line-height:.95}.os-group{display:grid;gap:2rem;padding-block:3rem;border-top:1px solid var(--co-line)}.os-group-title{display:flex;align-items:baseline;gap:1rem}.os-group-title span{color:var(--co-blue);font-size:.65rem;font-weight:800}.os-group-title h3{margin:0;font-family:var(--co-display);font-size:1.35rem}.os-grid{display:grid;gap:1px;border:1px solid var(--co-line);background:var(--co-line)}.os-grid a{display:grid;min-width:0;min-height:15rem;align-content:start;padding:1.2rem;background:var(--co-deep);color:var(--co-ink);text-decoration:none;transition:background .2s ease,transform .2s ease}.os-grid a:hover{z-index:1;background:var(--co-surface);transform:translateY(-3px)}.os-grid small{color:var(--os-accent);font-size:.55rem;font-weight:850;letter-spacing:.08em}.os-grid b{overflow-wrap:anywhere;margin-top:2rem;font-family:var(--co-display);font-size:1.05rem}.os-grid p{margin:.5rem 0;color:var(--co-muted);font-size:.78rem;line-height:1.55}.os-grid a>span{margin-top:auto;padding-top:1rem;color:var(--co-muted);font-size:.66rem;font-weight:800}.os-closing{border-block:1px solid var(--co-line);background:var(--co-deep)}.os-closing>.co-shell{padding-block:clamp(5rem,10vw,9rem)}.os-closing h2{max-width:13ch;margin:0;font-family:var(--co-display);font-size:clamp(2.8rem,7vw,5.8rem);letter-spacing:-.05em;line-height:.93}.os-closing .co-shell>div{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:2rem}.os-closing .co-shell>div>a:not(.co-button){color:var(--co-ink);font-size:.82rem;font-weight:800}
@media(min-width:48rem){.os-hero{grid-template-columns:1.08fr .92fr}.os-group{grid-template-columns:.33fr 1.67fr}.os-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:72rem){.os-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:47.99rem){.os-core{right:-55%;width:19rem;height:19rem;opacity:.55}.os-foundation-card{min-height:24rem}.os-group{padding-block:2.5rem}.os-grid a{min-height:13rem}}
/* Stars, vanity stats, and demo media */
.os-grid a{position:relative}.os-grid a>.os-stars{position:absolute;top:.95rem;right:1rem;display:inline-flex;align-items:center;margin:0;padding:.26rem .5rem;border:1px solid var(--co-line);border-radius:99rem;background:var(--co-ground);color:var(--co-ink);font-size:.6rem;font-weight:800;letter-spacing:.02em}.os-media{margin:.9rem 0 0;overflow:hidden;border:1px solid var(--co-line);border-radius:.4rem;background:var(--co-ground)}.os-media img,.os-media video{display:block;width:100%;height:auto}.os-stats{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:1.1rem 2rem;margin-top:1.8rem}.os-stats b{display:block;font-family:var(--co-display);font-size:1.55rem;letter-spacing:-.02em}.os-stats small{color:var(--co-muted);font-size:.58rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}