.cf-library-hero{padding:160px 0 85px;color:#fff;background:radial-gradient(circle at 78% 25%,#17476a 0,#0d2945 35%,#071c32 72%)}
.cf-library-hero h1{max-width:760px;color:#fff;font-size:clamp(2.7rem,5vw,4.7rem);font-weight:800}.cf-library-hero h1 em{color:var(--cf-cyan);font-style:normal}.cf-library-hero>div>p:last-of-type{max-width:760px;color:#b4c6d3;font-size:1.08rem}
.cf-library-summary{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.cf-library-summary>*{padding:.55rem .85rem;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#b8c8d4;font-size:.75rem}.cf-library-summary strong{border-color:var(--cf-cyan);color:var(--cf-cyan)}
.cf-library-nav{position:sticky;z-index:20;top:75px;border-bottom:1px solid var(--cf-line);background:rgba(255,255,255,.94);backdrop-filter:blur(14px)}.cf-library-nav .container{display:flex;gap:.45rem;overflow-x:auto;padding-top:12px;padding-bottom:12px}.cf-library-nav a{flex:0 0 auto;padding:.55rem .8rem;border-radius:999px;color:var(--cf-muted);font-size:.72rem;font-weight:800}.cf-library-nav a:hover{color:var(--cf-navy);background:#def7f5}.cf-library-nav span{margin-left:.3rem;color:var(--cf-cyan-dark)}
.cf-library-category{padding:70px 0 0;scroll-margin-top:140px}.cf-library-category__intro{display:flex;align-items:flex-start;gap:1rem;margin-bottom:30px}.cf-library-category__intro>span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:var(--cf-cyan-dark);background:#def7f5;font-size:.7rem;font-weight:900}.cf-library-category__intro h2{margin:0;font-size:2.5rem}.cf-library-category__intro .cf-section-tag{margin:0 0 .25rem}
.cf-library-example{border-top:1px solid var(--cf-line);scroll-margin-top:140px}.cf-library-example__meta{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-top:22px;padding-bottom:22px}.cf-library-example__meta>div:first-child{display:flex;align-items:center;gap:1rem}.cf-library-example__meta code{padding:.35rem .55rem;border-radius:7px;color:var(--cf-cyan-dark);background:#e9f8f6;font-size:.68rem}.cf-library-example__meta h3{margin:0;color:var(--cf-navy);font-size:1rem}.cf-library-badges{display:flex;align-items:center;gap:1rem}.cf-library-badges span{color:var(--cf-muted);font-size:.7rem}.cf-library-badges a{color:var(--cf-cyan-dark);font-size:.7rem;font-weight:800}
.cf-library-render{position:relative;overflow:hidden;border-top:1px dashed #cbd9e1;border-bottom:1px solid var(--cf-line)}.cf-library-render>.content-hero,.cf-library-render>.hero{min-height:650px}.cf-library-render>.cf-inner-cta,.cf-library-render>.cta{margin:0}.cf-library-render .demo-form-section{border:0}
.browser-shot img,.analytics-window img{width:100%;aspect-ratio:16/9;object-fit:contain;object-position:top center;background:#eef3f8}
.browser-shot,.analytics-window{position:relative}
.cf-block-error{display:grid;gap:.3rem;max-width:900px;margin:2rem auto;padding:1rem 1.2rem;border:1px solid #e9b8b4;border-radius:12px;color:#8c3833;background:#fff1f0}.cf-block-error span{font-size:.8rem}.cf-block-error code{color:inherit}
@media(max-width:767.98px){.cf-library-hero{padding:130px 0 65px}.cf-library-nav{top:67px}.cf-library-example__meta{align-items:flex-start;flex-direction:column}.cf-library-badges{width:100%;justify-content:space-between}.cf-library-category__intro h2{font-size:2rem}}