.trackit-hero{position:relative;padding:80px 0 60px;overflow:hidden;background:var(--bg);border-bottom:1px solid var(--border)}.trackit-hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 50% 0,color-mix(in srgb,var(--accent) 12%,transparent) 0,transparent 70%);pointer-events:none}.trackit-app-badge{display:inline-block;font-size:.7rem;font-weight:700;color:#fff;background:var(--accent);padding:4px 12px;border-radius:20px;margin-bottom:16px}.trackit-app-badge,.trackit-label{letter-spacing:.12em;text-transform:uppercase}.trackit-label{font-size:.75rem;font-weight:600;color:var(--accent);margin-bottom:10px}.trackit-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:var(--fg);margin:0 0 16px;line-height:1.1}.trackit-subtitle{font-size:.95rem;color:var(--fg-muted)}.trackit-subtitle strong{color:var(--fg)}.trackit-body{padding:60px 0 100px;background:var(--bg)}.trackit-layout{display:grid;grid-template-columns:240px 1fr;grid-gap:48px;gap:48px;align-items:start}.trackit-toc{position:-webkit-sticky;position:sticky;top:calc(var(--nav-h) + 24px);background:var(--card-bg,var(--bg-2,#1a1a1a));border:1px solid var(--border);border-radius:12px;padding:24px}[data-theme=light] .trackit-toc{background:#f8f8f8}.trackit-toc .toc-heading{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}.trackit-toc nav ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.trackit-toc nav ul li a{display:block;font-size:.78rem;font-weight:500;color:var(--fg-muted);text-decoration:none;padding:6px 8px;border-radius:6px;line-height:1.4;transition:background .2s,color .2s}.trackit-toc nav ul li a:hover{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.trackit-sections{display:flex;flex-direction:column;gap:0}.trackit-intro{font-size:.93rem;color:var(--fg-muted);line-height:1.75;padding:16px 20px;border-left:3px solid var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent);border-radius:0 8px 8px 0;margin-bottom:40px}.trackit-intro strong{color:var(--fg)}.trackit-section{scroll-margin-top:calc(var(--nav-h) + 24px);padding-bottom:40px;margin-bottom:40px;border-bottom:1px solid var(--border)}.trackit-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.trackit-section h2{font-size:1.25rem;font-weight:700;color:var(--fg);margin:0 0 16px}.trackit-section p{font-size:.93rem;color:var(--fg-muted);line-height:1.75;margin:0 0 12px}.trackit-section p:last-child{margin-bottom:0}.trackit-section ul{padding-left:20px;margin:0;display:flex;flex-direction:column;gap:10px}.trackit-section ul li{font-size:.93rem;color:var(--fg-muted);line-height:1.65}.trackit-section ul li strong{color:var(--fg)}.trackit-section a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;transition:opacity .2s}.trackit-section a:hover{opacity:.75}.trackit-contact-block{margin-top:16px;padding:20px 24px;border-radius:12px;border:1px solid var(--border);background:color-mix(in srgb,var(--accent) 5%,transparent);display:flex;flex-direction:column;gap:8px}.trackit-contact-block p{margin:0!important}@media (max-width:900px){.trackit-layout{grid-template-columns:1fr}.trackit-toc{position:static;order:-1}}@media (max-width:600px){.trackit-hero{padding:60px 0 40px}.trackit-body{padding:40px 0 80px}.trackit-section h2{font-size:1.1rem}}