.page-hero{padding:100px 0 60px;text-align:center;background:radial-gradient(ellipse at center, rgba(76,110,245,0.05) 0%, transparent 70%)}.page-hero h1{font-size:48px;margin-bottom:16px;font-weight:800;letter-spacing:-0.02em;background:linear-gradient(135deg, var(--text) 0%, rgba(76,110,245,0.9) 60%, rgba(32,201,151,0.9) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(76,110,245,0.25)}.page-hero .hero-description{font-size:20px;color:var(--muted);max-width:720px;margin:0 auto}.page{padding:40px 0 80px}.page .page-content{position:relative;background:linear-gradient(135deg, var(--card) 0%, rgba(42,45,53,0.9) 100%);border:1px solid rgba(255,255,255,0.08);border-radius:24px;padding:44px;box-shadow:0 24px 48px rgba(0,0,0,0.35);overflow:hidden}.page .page-content::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg, var(--brand) 0%, var(--accent) 100%)}.page-content h2{font-size:28px;color:var(--text);margin:28px 0 12px;font-weight:600}.page-content h3{font-size:22px;color:var(--text);margin:22px 0 10px;font-weight:600}.page-content h4{font-size:18px;color:var(--text);margin:18px 0 10px;font-weight:600}.page-content p{color:var(--muted);margin:0 0 1rem}.page-content hr{border:0;border-top:1px solid rgba(255,255,255,0.08);margin:28px 0}.page-content ul,.page-content ol{padding-left:1.2rem;margin:0 0 1rem}.page-content li{color:var(--muted);margin:6px 0}.page-content blockquote{margin:16px 0;padding:12px 16px;border-left:3px solid var(--brand);background:rgba(255,255,255,0.04);border-radius:8px}.page-content code{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);padding:2px 6px;border-radius:6px;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;font-size:90%;color:var(--text)}.page-content pre{background:rgba(0,0,0,0.35);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:16px;overflow-x:auto}.page-content pre code{background:transparent;border:0;padding:0}.page-content a{color:var(--brand);text-decoration:none;border-bottom:1px dashed rgba(76,110,245,0.4)}.page-content a:hover{border-bottom-style:solid}.page-content img{max-width:100%;border-radius:12px;border:1px solid rgba(255,255,255,0.08);display:block;margin:16px 0}.page-content table{width:100%;border-collapse:collapse;margin:16px 0}.page-content th,.page-content td{border:1px solid rgba(255,255,255,0.08);padding:8px 12px;text-align:left}.page-content thead th{background:rgba(255,255,255,0.04);color:var(--text)}.post-meta{display:flex;align-items:center;gap:10px;justify-content:center;color:var(--muted);margin-top:8px;flex-wrap:wrap;font-size:14px}.post-tags a{display:inline-block;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);color:var(--text)}.post-tags a:hover{border-color:var(--brand)}.company-logos .logos-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:16px;align-items:center}.company-logos img,.logos-grid img{height:24px !important;width:auto;max-width:140px;object-fit:contain;justify-self:center;opacity:0.8;filter:grayscale(100%) brightness(0) invert(1)}.company-logos img:hover,.logos-grid img:hover{opacity:1}@media (max-width: 768px){.page-hero{padding:70px 0 40px}.page-hero h1{font-size:34px}.page-hero .hero-description{font-size:18px}.page .page-content{padding:24px;border-radius:18px}}.page-subnav{position:sticky;top:60px;z-index:90;background:rgba(26,29,35,0.85);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,0.06)}.page-subnav .wrap{display:flex;gap:20px;align-items:center;overflow-x:auto}.page-subnav a{color:var(--muted);padding:12px 0}.page-subnav a:hover{color:var(--text)}.video-embed{position:relative;width:100%;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,0.08);background:rgba(0,0,0,0.3)}.video-embed::before{content:"";display:block;padding-top:56.25%}.video-embed iframe{position:absolute;inset:0;width:100%;height:100%}[data-mailerlite]{max-width:600px;margin:16px auto}[data-mailerlite] .form-row{display:flex;gap:12px;flex-wrap:wrap}[data-mailerlite] input,[data-mailerlite] select,[data-mailerlite] textarea{background:var(--card);border:1px solid rgba(255,255,255,0.1);color:var(--text);padding:14px 16px;border-radius:var(--radius);width:100%}[data-mailerlite] input::placeholder,[data-mailerlite] textarea::placeholder{color:var(--muted)}