.reference-overview{gap:1.35rem}.reference-overview-card[hidden]{display:none}.reference-overview-hero{text-align:left;grid-template-columns:minmax(0,1fr) minmax(260px,420px);align-items:stretch;gap:1rem;padding:0;display:grid;position:static}.reference-overview-hero-content{border:1px solid var(--line);background:radial-gradient(circle at 50% 0%, rgb(var(--color-panel-rgb) / 1), transparent 56%), linear-gradient(180deg, rgb(var(--color-panel-rgb) / .95), rgb(var(--color-panel-rgb) / .62));min-height:clamp(260px,28vw,380px);box-shadow:0 24px 70px rgb(var(--color-shadow-rgb) / .08);border-radius:28px;align-content:center;justify-items:start;padding:clamp(2.5rem,6vw,5.5rem) clamp(1.2rem,4vw,3rem);display:grid}.reference-overview-hero p{max-width:34rem}.reference-overview-categories{flex-wrap:wrap;justify-content:flex-start;gap:.55rem;max-width:760px;margin-top:1.35rem;display:flex}.reference-app-promo{border:1px solid var(--line);border-radius:var(--radius);background:var(--color-surface);grid-template-rows:auto minmax(0,1fr);gap:clamp(1.6rem,2.8vw,1.8rem);min-height:clamp(260px,28vw,380px);padding:clamp(1.1rem,2vw,1.45rem);transition:border-color .18s,transform .18s;display:grid;position:relative;overflow:hidden}.reference-app-promo:hover{border-color:var(--color-border-strong);transform:translateY(-2px)}.reference-app-promo:focus-visible{outline:2px solid var(--text);outline-offset:4px}.reference-app-promo img{align-self:top;object-fit:contain;justify-self:center;width:min(100%,320px);height:auto;min-height:0;max-height:clamp(130px,14vw,190px);display:block}.reference-app-promo-copy{z-index:1;gap:.4rem;max-width:22rem;display:grid;position:relative}.reference-app-promo-copy strong{color:var(--text);letter-spacing:-.055em;font-size:clamp(1.35rem,2.1vw,2rem);font-weight:600;line-height:.98}.reference-app-promo-copy span{color:rgb(var(--color-ink-rgb) / .62);font-size:.94rem;line-height:1.45}.reference-app-promo-copy .reference-app-promo-cta{color:var(--text);margin-top:.1rem;font-size:.9rem;font-weight:600}.reference-overview-category-option{border:1px solid var(--line);background:rgb(var(--color-panel-rgb) / .82);min-height:42px;color:rgb(var(--color-ink-rgb) / .68);cursor:pointer;text-align:center;border-radius:999px;padding:0 1rem;font-size:.9rem;line-height:1;transition:border-color .18s,background .18s,color .18s,transform .18s}.reference-overview-category-option:hover{border-color:var(--color-border-strong);color:var(--text);transform:translateY(-1px)}.reference-overview-category-option.is-active{border-color:rgb(var(--color-ink-rgb) / .18);background:var(--text);color:rgb(var(--color-panel-rgb) / 1)}.reference-overview-card-visual{background:var(--color-surface-raised)}.reference-overview-card .feed-card-copy h3{color:var(--color-white);letter-spacing:-.035em;align-items:center;gap:.42rem;font-size:1.02rem;font-weight:650;line-height:1.1;display:flex}.reference-overview-title-icon{object-fit:contain;background:#ffffffe6;border-radius:5px;flex:none;width:18px;height:18px;padding:2px;display:block}.reference-overview-title-icon[hidden]{display:none}.reference-overview-card .feed-card-copy{opacity:1}.reference-overview-card .feed-card-copy p{color:#ffffffbd;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-width:19rem;margin-top:.3rem;font-size:.82rem;line-height:1.35;display:-webkit-box;overflow:hidden}.latest-reference-strip{border:1px solid var(--line);background:rgb(var(--color-panel-rgb) / .72);box-shadow:0 18px 54px rgb(var(--color-shadow-rgb) / .06);border-radius:28px;gap:.85rem;padding:clamp(.85rem,1.6vw,1.1rem);display:grid;overflow:hidden}.latest-reference-strip[hidden]{display:none}.latest-reference-strip-header{justify-content:space-between;align-items:end;gap:1rem;padding:0 .15rem;display:flex}.latest-reference-strip-header p{color:rgb(var(--color-ink-rgb) / .5);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:650;line-height:1}.latest-reference-strip-header h2{color:var(--text);letter-spacing:-.055em;margin:.25rem 0 0;font-size:clamp(1.35rem,2.2vw,2rem);font-weight:650;line-height:1}.latest-reference-track{overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;scrollbar-width:none;grid-auto-columns:clamp(180px,20vw,260px);grid-auto-flow:column;gap:.75rem;padding:.1rem .15rem .3rem;scroll-padding-inline:.15rem;display:grid;overflow-x:auto}.latest-reference-track::-webkit-scrollbar{display:none}.latest-reference-card{border:1px solid rgb(var(--color-ink-rgb) / .08);background:var(--color-surface-raised);scroll-snap-align:start;border-radius:22px;min-height:clamp(220px,24vw,320px);transition:border-color .18s,transform .18s;display:block;position:relative;overflow:hidden}.latest-reference-card:hover{border-color:var(--color-border-strong);transform:translateY(-2px)}.latest-reference-card:focus-visible{outline:2px solid var(--text);outline-offset:4px}.latest-reference-card img{width:100%;height:100%;min-height:inherit;object-fit:cover;transition:transform .22s;display:block}.latest-reference-card:hover img{transform:scale(1.025)}.latest-reference-card span{color:var(--color-white);background:linear-gradient(#0000,#000000bd);gap:.25rem;padding:1.25rem .9rem .8rem;display:grid;position:absolute;inset:auto 0 0}.latest-reference-card strong{letter-spacing:-.03em;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.94rem;font-weight:650;line-height:1.1;display:-webkit-box;overflow:hidden}.latest-reference-card small{color:#ffffffb8;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;line-height:1;overflow:hidden}.reference-overview-section-header{margin:.15rem 0 -.2rem}.reference-overview-section-header h2{color:var(--text);letter-spacing:-.055em;margin:.15rem 0 -.2rem;font-size:clamp(1.35rem,2.2vw,2rem);font-weight:650;line-height:1}@media (width<=1180px){.reference-overview-hero{grid-template-columns:1fr}.reference-overview-hero-content{min-height:clamp(260px,32vw,360px)}.reference-app-promo{grid-template-rows:1fr;grid-template-columns:minmax(0,1fr) minmax(220px,.8fr);align-items:center;min-height:clamp(180px,22vw,240px)}.reference-app-promo img{align-self:center;max-height:170px}}@media (width<=820px){.reference-overview{gap:1rem}.reference-overview-hero{grid-template-columns:1fr}.reference-overview-hero-content{text-align:center;border-radius:22px;justify-items:center;min-height:auto;padding:2rem .9rem}.reference-overview-categories{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;width:100%;padding-bottom:.15rem;overflow-x:auto}.reference-app-promo{border-radius:22px;grid-template-rows:1fr;grid-template-columns:minmax(0,.92fr) minmax(132px,1fr);align-items:center;gap:.45rem;width:100%;min-height:168px;padding:1rem .25rem 1rem 1rem}.reference-app-promo-copy{text-align:left;gap:.32rem}.reference-app-promo-copy strong{font-size:clamp(1.1rem,5vw,1.45rem);line-height:1}.reference-app-promo-copy span{font-size:.84rem;line-height:1.35}.reference-app-promo-copy .reference-app-promo-cta{font-size:.84rem}.reference-app-promo img{transform-origin:100%;align-self:center;height:auto;transform:scale(1.18)}.reference-overview-categories::-webkit-scrollbar{display:none}.reference-overview-category-option{flex:none;min-height:38px;padding:0 .85rem;font-size:.84rem}.reference-overview-card .feed-card-copy h3{font-size:.9rem}.reference-overview-card .feed-card-copy{opacity:0;pointer-events:none}.reference-overview-card .feed-card-copy p{display:none}}@media (width<=430px){.reference-app-promo{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;gap:.65rem;min-height:260px;padding:1rem}.reference-app-promo img{align-self:end;transform:none}}