.sym-blog-hero{background:radial-gradient(900px 420px at 80% -10%, #0a7bff1a, transparent 60%), radial-gradient(700px 360px at 12% 0%, #38bdf81a, transparent 60%), var(--bg-softer);border-bottom:1px solid var(--border-soft);text-align:center;padding:140px 0 56px;position:relative}.sym-blog-hero h1{letter-spacing:-.02em;color:var(--text);margin:14px 0 10px;font-size:clamp(2rem,5vw,3rem);font-weight:800}.sym-blog-hero p{max-width:620px;color:var(--text-2);margin:0 auto;font-size:1.06rem}.sym-blog-grid{grid-template-columns:repeat(3,1fr);gap:22px;padding:48px 0 80px;display:grid}@media (max-width:980px){.sym-blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.sym-blog-grid{grid-template-columns:1fr}}.sym-blog-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);transition:border-color .25s var(--ease-out), transform .25s var(--ease-out), box-shadow .25s var(--ease-out);flex-direction:column;gap:12px;padding:26px 24px;display:flex}.sym-blog-card:hover{border-color:var(--brand-300);transform:translateY(-3px);box-shadow:0 18px 44px -24px #0a7bff59}.sym-blog-card h2{color:var(--text);margin:0;font-size:1.12rem;font-weight:750;line-height:1.45}.sym-blog-card p{color:var(--text-3);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.92rem;line-height:1.65;display:-webkit-box;overflow:hidden}.sym-blog-chip{border-radius:var(--radius-pill);background:var(--brand-50);border:1px solid var(--brand-100);color:var(--brand-600);align-self:flex-start;align-items:center;padding:4px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.sym-blog-meta{color:var(--text-4);align-items:center;gap:10px;margin-top:auto;font-size:.82rem;font-weight:600;display:flex}.sym-blog-meta .dot{background:var(--text-5);border-radius:999px;width:4px;height:4px}.sym-blog-article-head{background:radial-gradient(800px 380px at 75% -12%, #0a7bff17, transparent 60%), var(--bg-softer);border-bottom:1px solid var(--border-soft);padding:140px 0 40px}.sym-blog-article-head-inner,.sym-blog-article{max-width:720px;margin:0 auto;padding:0 24px}.sym-blog-article-head h1{letter-spacing:-.02em;color:var(--text);margin:16px 0 14px;font-size:clamp(1.7rem,4.4vw,2.5rem);font-weight:800;line-height:1.32}.sym-blog-article-head .sym-blog-lede{color:var(--text-2);margin:0 0 18px;font-size:1.05rem;line-height:1.75}.sym-blog-breadcrumb{color:var(--text-3);align-items:center;gap:6px;font-size:.86rem;font-weight:600;display:inline-flex}.sym-blog-breadcrumb a{color:var(--brand-600)}.sym-blog-breadcrumb a:hover{text-decoration:underline}.sym-blog-article{padding-top:40px;padding-bottom:32px}.sym-blog-article h2{color:var(--text);margin:40px 0 14px;font-size:1.34rem;font-weight:780;line-height:1.4}.sym-blog-article h2:before{content:"";background:linear-gradient(90deg, var(--brand-500), var(--cyan-400));border-radius:999px;width:44px;height:4px;margin-bottom:12px;display:block}.sym-blog-article p{color:var(--text-2);margin:0 0 16px;font-size:1.02rem;line-height:1.9}.sym-blog-faq{margin-top:48px;padding-top:8px}.sym-blog-faq-item{background:var(--bg-soft);border:1px solid var(--border-soft);border-radius:var(--radius-lg);margin-bottom:12px;padding:18px 20px}.sym-blog-faq-item h3{color:var(--text);margin:0 0 8px;font-size:1rem;font-weight:750}.sym-blog-faq-item p{color:var(--text-2);margin:0;font-size:.95rem;line-height:1.8}.sym-blog-cta{text-align:center;border-radius:var(--radius-xl);color:#fff;background:radial-gradient(500px 220px at 85% -20%, #38bdf859, transparent 60%), linear-gradient(135deg, var(--brand-600), var(--brand-500));margin:48px 0 8px;padding:34px 28px}.sym-blog-cta h2{color:#fff;margin:0 0 8px;font-size:1.4rem;font-weight:800}.sym-blog-cta h2:before{display:none}.sym-blog-cta p{color:#ffffffe0;max-width:460px;margin:0 auto 20px;font-size:.98rem}.sym-root .sym-blog-cta a.sym-btn,.sym-blog-cta .sym-btn{color:var(--brand-700);background:#fff;font-weight:750}.sym-root .sym-blog-cta a.sym-btn:hover,.sym-blog-cta .sym-btn:hover{background:var(--brand-50);color:var(--brand-700)}.sym-blog-related{padding:8px 0 84px}.sym-blog-related-inner{max-width:720px;margin:0 auto;padding:0 24px}.sym-blog-related h2{color:var(--text);margin:24px 0 18px;font-size:1.2rem;font-weight:780}.sym-blog-related-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (max-width:760px){.sym-blog-related-grid{grid-template-columns:1fr}}.sym-blog-related .sym-blog-card{padding:20px 18px}.sym-blog-related .sym-blog-card h2{margin:0;font-size:.98rem}
