/* Shared chrome for marketing landings (not the homepage). */
body { background-color: #f8fafc; -webkit-font-smoothing: antialiased; }
.glass { background: rgba(255,255,255,.85); border: 1px solid rgba(15,23,42,.08); backdrop-filter: blur(12px); box-shadow: 0 1px 3px rgba(15,23,42,.06); }
.grad-btn { background: linear-gradient(135deg,#38bdf8,#0284c7); overflow: hidden; position: relative; transition: background .3s ease, transform .25s cubic-bezier(.16,1,.3,1), box-shadow .3s ease; }
.grad-btn:hover { background: linear-gradient(135deg,#0ea5e9,#0369a1); transform: translateY(-1px) scale(1.02); }
.hero-light {
    background:
        radial-gradient(85% 60% at 50% 0%, rgba(56,189,248,.22), transparent 70%),
        radial-gradient(50% 45% at 92% 6%, rgba(2,132,199,.12), transparent 72%),
        #fff;
}
.hero-title { color: #0f172a; }
.hero-title .hero-accent { color: #0369a1; }
h1, h2 { text-wrap: balance; }
.navlink { position: relative; }
.navlink::after {
    content: ""; position: absolute; left: 0; bottom: -4px; height: 2px; width: 100%;
    background: linear-gradient(90deg,#38bdf8,#0284c7);
    transform: scaleX(0); transform-origin: left; border-radius: 2px;
    transition: transform .3s cubic-bezier(.16,1,.3,1);
}
.navlink:hover::after { transform: scaleX(1); }
.prose-land h2 { font-size: 1.5rem; font-weight: 700; margin: 2rem 0 .75rem; color: #0f172a; }
.prose-land h3 { font-size: 1.15rem; font-weight: 700; margin: 1.35rem 0 .5rem; color: #0f172a; }
.prose-land p { margin: .8rem 0; line-height: 1.75; color: #334155; }
.prose-land ul, .prose-land ol { margin: .8rem 0 .8rem 1.25rem; line-height: 1.75; color: #334155; }
.prose-land ul { list-style: disc; }
.prose-land ol { list-style: decimal; }
.prose-land li { margin: .3rem 0; }
.prose-land strong { color: #0f172a; }
.prose-land a { color: #0284c7; text-decoration: underline; }
.prose-land table { width: 100%; border-collapse: collapse; font-size: .925rem; }
.prose-land th, .prose-land td { padding: .6rem .8rem; border-bottom: 1px solid #e2e8f0; text-align: left; vertical-align: top; }
.prose-land thead th { background: #f0f9ff; color: #0f172a; font-weight: 700; }
.table-wrap { overflow-x: auto; margin: 1.25rem 0; border: 1px solid #e2e8f0; border-radius: .75rem; }
.tg-fab { box-shadow: 0 12px 28px -8px rgba(2,132,199,.55); }