.tl-hero{padding:88px 0 44px;text-align:center}.tl-hero .container{max-width:880px}.tl-hero .eyebrow-pill{margin-bottom:22px}.tl-hero .eyebrow-pill svg{width:15px;height:15px;stroke-width:2}.tl-hero h1.hero-title{margin:0 auto 18px;max-width:760px}.tl-hero .hero-sub{margin:0 auto 26px;max-width:640px}.tl-badges{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 24px;margin:0 0 34px;padding:0}.tl-badges li{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--text-2)}.tl-badges svg{width:16px;height:16px;stroke-width:2.4;color:var(--green)}.tl-search{display:flex;align-items:center;gap:12px;max-width:560px;height:56px;margin:0 auto;padding:0 14px 0 18px;border:1px solid var(--border-strong);border-radius:14px;background:var(--bg);box-shadow:var(--shadow-md);cursor:text;transition:border-color .15s ease,box-shadow .15s ease}.tl-search:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-tint),var(--shadow-md)}.tl-search svg{width:20px;height:20px;stroke-width:2;color:var(--text-3);flex-shrink:0}.tl-search input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:16px}.tl-search input::placeholder{color:var(--text-3)}.tl-search kbd{font-family:var(--font-jetbrains-mono),"JetBrains Mono",monospace;font-size:12px;line-height:1;color:var(--text-3);padding:5px 8px;border:1px solid var(--border);border-radius:6px;background:var(--surface)}[data-theme=dark] .tl-search{background:linear-gradient(180deg,#0A1020,#060A16);border-color:rgba(80,130,255,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 18px 50px rgba(0,0,0,.45)}[data-theme=dark] .tl-search:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px rgba(47,107,255,.18),0 18px 50px rgba(0,0,0,.45)}.tl-cats{position:sticky;top:65px;z-index:40;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:rgba(255,255,255,.86);backdrop-filter:saturate(180%) blur(10px);-webkit-backdrop-filter:saturate(180%) blur(10px)}[data-theme=dark] .tl-cats{background:rgba(3,6,13,.86)}.tl-cats-row{display:flex;justify-content:safe center;gap:8px;padding:12px 0;overflow-x:auto;scrollbar-width:none}.tl-cats-row::-webkit-scrollbar{display:none}.tl-cat{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;padding:7px 8px 7px 11px;border:1px solid var(--border);border-radius:999px;background:var(--bg);color:var(--text-2);font-size:13.5px;font-weight:500;white-space:nowrap;text-decoration:none;transition:color .15s ease,border-color .15s ease,background .15s ease,opacity .15s ease}.tl-cat svg{width:16px;height:16px;stroke-width:1.9}.tl-cat b{min-width:22px;padding:1px 7px;border-radius:999px;background:var(--surface-2);color:var(--text-3);font-size:12px;font-weight:600;text-align:center}.tl-cat.active,.tl-cat:hover{color:var(--blue);border-color:var(--blue-tint-2);background:var(--blue-tint)}.tl-cat.active b{background:var(--blue);color:#fff}.tl-cat.dim{opacity:.4}[data-theme=dark] .tl-cat{background:transparent}[data-theme=dark] .tl-cat.active,[data-theme=dark] .tl-cat:hover{background:rgba(47,107,255,.14);border-color:rgba(80,130,255,.4)}.tl-featured{padding:56px 0 0}.tl-pg{position:relative;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:48px;padding:44px 48px;overflow:hidden;border:1px solid var(--blue-tint-2);border-radius:var(--radius-lg);background:radial-gradient(560px 280px at 0 0,rgba(99,102,241,.12),transparent 60%),radial-gradient(520px 260px at 100% 100%,rgba(14,165,233,.12),transparent 60%),var(--blue-tint);color:inherit;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.tl-pg:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(37,99,235,.08) 1px,transparent 0),linear-gradient(90deg,rgba(37,99,235,.08) 1px,transparent 0);background-size:40px 40px;mask-image:radial-gradient(ellipse 70% 80% at 80% 50%,black 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 70% 80% at 80% 50%,black 20%,transparent 75%);pointer-events:none}.tl-pg>*{position:relative;z-index:1}.tl-pg:hover{transform:translateY(-2px);border-color:rgba(37,99,235,.45);box-shadow:0 18px 50px rgba(37,99,235,.12)}[data-theme=dark] .tl-pg{border-color:rgba(80,130,255,.28);background:radial-gradient(560px 280px at 0 0,rgba(47,107,255,.22),transparent 62%),radial-gradient(520px 260px at 100% 100%,rgba(14,165,233,.12),transparent 60%),linear-gradient(180deg,#0C1530,#070B16);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 22px 60px rgba(0,0,0,.45)}[data-theme=dark] .tl-pg:after{background-image:linear-gradient(rgba(80,130,255,.1) 1px,transparent 0),linear-gradient(90deg,rgba(80,130,255,.1) 1px,transparent 0)}[data-theme=dark] .tl-pg:hover{border-color:rgba(80,130,255,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 26px 70px rgba(0,0,0,.55),0 0 0 1px rgba(47,107,255,.12)}.tl-pg-ico{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--blue),#6366f1);color:#fff;box-shadow:0 8px 24px rgba(37,99,235,.3)}.tl-pg-ico svg{width:24px;height:24px;stroke-width:2}.tl-pg h2{margin:20px 0 10px;font-size:clamp(24px,2.6vw,30px);font-weight:600;letter-spacing:-.02em;line-height:1.2;color:var(--text)}.tl-pg p{max-width:480px;margin-bottom:26px;font-size:16px;line-height:1.6;color:var(--text-2);text-wrap:pretty}.tl-pg-btn svg{width:15px;height:15px;stroke-width:2.2;transition:transform .15s ease}.tl-pg:hover .tl-pg-btn{background:var(--blue-hover);border-color:var(--blue-hover)}.tl-pg:hover .tl-pg-btn svg{transform:translateX(3px)}.tl-code{overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--bg);box-shadow:var(--shadow-md)}[data-theme=dark] .tl-code{background:#050812;border-color:rgba(80,120,200,.2)}.tl-code-head{display:flex;align-items:center;gap:14px;padding:11px 14px;border-bottom:1px solid var(--border);font-size:12px;color:var(--text-3)}.tl-dots{display:inline-flex;gap:6px}.tl-dots i{width:10px;height:10px;border-radius:50%;background:var(--border-strong)}.tl-code pre{margin:0;padding:16px 18px 18px;overflow:hidden;font-size:13px;line-height:1.75;color:var(--text-2);white-space:pre}.tl-code .tk-num{color:#0e7490}[data-theme=dark] .tl-code .tk-num{color:#67e8f9}.tl-group{padding:72px 0 0;scroll-margin-top:76px}.tl-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.tl-head-ico{width:42px;height:42px;display:grid;place-items:center;flex-shrink:0;border-radius:11px;background:var(--blue-tint);color:var(--blue)}.tl-head-ico svg{width:21px;height:21px;stroke-width:1.8}.tl-head-text{min-width:0}.tl-head h2{margin-bottom:4px;font-size:clamp(21px,2.2vw,26px);font-weight:600;letter-spacing:-.02em;line-height:1.25;color:var(--text)}.tl-head p{max-width:640px;font-size:15px;line-height:1.55;color:var(--text-2);text-wrap:pretty}.tl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tl-grid-4{grid-template-columns:repeat(4,1fr)}.tl-card{position:relative;display:flex;flex-direction:column;padding:22px 22px 20px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:inherit;text-decoration:none;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease,background .15s ease}.tl-card:before{content:"";position:absolute;inset:0;background:radial-gradient(360px 180px at 0 0,rgba(37,99,235,.07),transparent 60%);opacity:0;transition:opacity .25s ease;pointer-events:none}.tl-card>*{position:relative;z-index:1}.tl-card:hover{border-color:rgba(37,99,235,.35);transform:translateY(-2px);box-shadow:0 8px 24px rgba(37,99,235,.07)}.tl-card:hover:before{opacity:1}.tl-card:focus-visible{outline:2px solid var(--blue);outline-offset:2px}[data-theme=dark] .tl-card{border-color:rgba(80,120,200,.14);background:linear-gradient(180deg,#080D19,#050812);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 18px 50px rgba(0,0,0,.3)}[data-theme=dark] .tl-card:before{background:radial-gradient(360px 180px at 0 0,rgba(47,107,255,.14),transparent 60%)}[data-theme=dark] .tl-card:hover{border-color:rgba(80,130,255,.45);background:linear-gradient(180deg,#0A1020,#060A18);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 22px 60px rgba(0,0,0,.5),0 0 0 1px rgba(47,107,255,.1)}.tl-card-ico{width:38px;height:38px;display:grid;place-items:center;margin-bottom:16px;border-radius:9px;background:var(--blue-tint);color:var(--blue)}.tl-card-ico svg{width:19px;height:19px;stroke-width:1.8}.tl-card-go{position:absolute;top:20px;right:20px;color:var(--text-3);transition:color .15s ease,transform .15s ease}.tl-card-go svg{width:16px;height:16px;stroke-width:2}.tl-card:hover .tl-card-go{color:var(--blue);transform:translate(2px,-2px)}.tl-card h3{margin-bottom:6px;padding-right:22px;font-size:16.5px;font-weight:600;letter-spacing:-.01em;line-height:1.3;color:var(--text)}.tl-card p{font-size:14px;line-height:1.55;color:var(--text-2);text-wrap:pretty}.tl-card[hidden],.tl-empty[hidden],.tl-featured[hidden],.tl-group[hidden]{display:none}.tl-empty{padding:72px 0 0;text-align:center;font-size:16px;color:var(--text-2)}.tl-cta{margin-top:104px}.tl-cta p{margin-bottom:22px}.tl-perks{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 28px;max-width:920px;margin:0 auto 36px;padding:0}.tl-perks li{display:inline-flex;align-items:center;gap:8px;font-size:15px;color:var(--text-2)}.tl-perks strong{font-weight:600;color:var(--text)}.tl-perks svg{width:16px;height:16px;flex-shrink:0;stroke-width:2.4;color:var(--green)}.tl-cta .btn svg{width:15px;height:15px;stroke-width:2.2}@media (max-width:1000px){.tl-grid,.tl-grid-4{grid-template-columns:repeat(2,1fr)}.tl-pg{grid-template-columns:1fr;gap:32px;padding:36px 32px}}@media (max-width:640px){.tl-hero{padding:56px 0 32px}.tl-search{height:52px}.tl-search kbd{display:none}.tl-cats-row{padding:10px 0}.tl-featured{padding-top:40px}.tl-pg{padding:28px 22px}.tl-code{display:none}.tl-pg-btn{width:100%;justify-content:center}.tl-group{padding-top:56px;scroll-margin-top:92px}.tl-grid,.tl-grid-4{grid-template-columns:1fr}.tl-cta{margin-top:72px}.tl-perks{flex-direction:column;align-items:flex-start;max-width:360px}.tl-cta .final-ctas{width:100%}.tl-cta .final-ctas .btn{flex:1;justify-content:center}}