
/* Blog and article templates */
.blog-hero,.article-hero{padding:132px 0 68px;background:linear-gradient(135deg,var(--neutral-900) 0%,var(--primary-900) 52%,var(--primary-800) 100%);color:#fff;position:relative;overflow:hidden}.blog-hero:after,.article-hero:after{content:"";position:absolute;right:-120px;top:-190px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(51,120,246,.24),transparent 68%);pointer-events:none}.blog-hero .container,.article-hero .container{position:relative;z-index:1}.blog-breadcrumb{display:flex;gap:10px;align-items:center;color:rgba(255,255,255,.62);font-size:.88rem;margin-bottom:26px;flex-wrap:wrap}.blog-breadcrumb a{color:rgba(255,255,255,.86);text-decoration:underline;text-underline-offset:3px}.blog-eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#a9c8ff;margin-bottom:14px}.blog-eyebrow.dark{color:var(--primary-600)}.blog-hero h1,.article-hero h1{font-size:clamp(2.35rem,5.4vw,4.3rem);letter-spacing:-.045em;line-height:1.08;max-width:900px;margin:0 0 18px}.blog-hero h1 span{color:#9ec0ff}.blog-hero p{max-width:720px;color:rgba(255,255,255,.76);font-size:1.08rem;margin-bottom:28px}.blog-main{background:#f7f9fc;padding:48px 0 86px}.blog-featured{display:grid;grid-template-columns:1.2fr .8fr;min-height:300px;background:#fff;border:1px solid #e5eaf2;border-radius:24px;overflow:hidden;box-shadow:0 18px 48px rgba(15,35,70,.06);margin-bottom:70px}.featured-copy{padding:clamp(26px,5vw,52px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.blog-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#7a8496;font-size:.8rem;margin-bottom:16px}.blog-tag{display:inline-flex;padding:6px 10px;border-radius:99px;background:#edf3ff;color:#2859a7;font-weight:700}.featured-copy h2{font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.18;letter-spacing:-.03em;margin:0 0 14px;color:#101828}.featured-copy h2 a,.blog-card h3 a{color:inherit;text-decoration:none}.featured-copy h2 a:hover,.blog-card h3 a:hover{color:var(--primary-600)}.featured-copy p,.blog-card p{color:#667085;line-height:1.7}.blog-read-link{display:inline-flex;gap:9px;align-items:center;color:var(--primary-600);font-weight:750;text-decoration:none;margin-top:auto;padding-top:14px}.blog-read-link span{transition:transform .2s}.blog-read-link:hover span{transform:translateX(4px)}.featured-visual{position:relative;min-height:280px;background:radial-gradient(circle at 50% 50%,#284e8b 0,#172d51 36%,#0e192d 75%);overflow:hidden;display:grid;place-items:center}.visual-orbit{position:absolute;width:290px;height:290px;border:1px solid rgba(161,195,255,.28);border-radius:50%}.orbit-two{width:205px;height:205px;border-color:rgba(161,195,255,.45)}.visual-core{position:relative;width:112px;height:112px;border-radius:30px;background:linear-gradient(145deg,#eff5ff,#8fb6ff);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#17345f;box-shadow:0 18px 60px rgba(0,0,0,.22);transform:rotate(-7deg)}.visual-core span{font-size:2.1rem;font-weight:900;letter-spacing:-.08em}.visual-core small{font-size:.62rem;font-weight:700}.visual-chip{position:absolute;padding:10px 13px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:.8rem;backdrop-filter:blur(10px)}.chip-top{top:22%;left:13%}.chip-bottom{right:12%;bottom:20%}.blog-section{margin-top:54px}.blog-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.blog-section-head h2{font-size:clamp(1.8rem,3vw,2.4rem);letter-spacing:-.04em;color:#101828;margin:0}.blog-section-head p{color:#667085;max-width:430px;margin:0}.blog-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.blog-category{position:relative;display:grid;grid-template-columns:48px 1fr 22px;grid-template-rows:auto auto;gap:2px 14px;align-items:center;padding:20px;background:#fff;border:1px solid #e5eaf2;border-radius:17px;text-decoration:none;color:#101828;transition:transform .2s,border-color .2s,box-shadow .2s}.blog-category:hover{transform:translateY(-3px);border-color:#b7cdf8;box-shadow:0 12px 28px rgba(25,54,100,.06)}.category-icon{grid-row:1/3;width:48px;height:48px;display:grid;place-items:center;background:#edf3ff;border-radius:14px;color:#275bb0;font-size:1.4rem;font-weight:800}.category-name{font-weight:750;line-height:1.3}.category-count{font-size:.82rem;color:#8791a3}.category-arrow{grid-column:3;grid-row:1/3;color:#6b7e9c}.blog-filter-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:28px 0 0;color:#7a8496;font-size:.86rem}.blog-filter{font:inherit;color:#475467;background:#fff;border:1px solid #dfe5ee;border-radius:999px;padding:8px 13px;cursor:pointer}.blog-filter.active,.blog-filter:hover{background:#172d51;border-color:#172d51;color:#fff}.blog-article-total{font-size:.88rem;color:#667085}.blog-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.blog-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #e5eaf2;border-radius:18px;overflow:hidden;box-shadow:0 6px 22px rgba(15,35,70,.035);transition:transform .2s,box-shadow .2s}.blog-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(15,35,70,.09)}.blog-card[hidden]{display:none}.blog-card-visual{height:158px;position:relative;display:flex;align-items:flex-end;justify-content:space-between;padding:18px;overflow:hidden;text-decoration:none;color:#fff}.visual-1{background:linear-gradient(135deg,#0f2442,#28559a)}.visual-2{background:linear-gradient(135deg,#123b42,#1b807a)}.visual-3{background:linear-gradient(135deg,#31224e,#7856b0)}.blog-card-visual:before{content:"";position:absolute;width:190px;height:190px;border:1px solid rgba(255,255,255,.22);border-radius:50%;right:-28px;top:-60px}.blog-card-visual:after{content:"";position:absolute;width:125px;height:125px;border:1px solid rgba(255,255,255,.22);border-radius:50%;right:4px;top:-28px}.visual-number,.visual-label,.visual-symbol{position:relative;z-index:1}.visual-number{font-size:.8rem;font-weight:800;opacity:.72}.visual-label{font-size:.8rem;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.2)}.visual-symbol{position:absolute;top:22px;left:22px;font-size:2.6rem;font-weight:300;opacity:.82}.blog-card-body{display:flex;flex-direction:column;flex:1;padding:22px}.blog-card-body .blog-meta{margin-bottom:12px}.blog-card h3{font-size:1.25rem;line-height:1.35;letter-spacing:-.025em;color:#101828;margin:0 0 12px}.blog-card p{font-size:.94rem;margin:0 0 12px}.blog-empty{padding:24px;background:#fff;border-radius:14px;color:#667085}.blog-bottom-cta{margin-top:72px;padding:clamp(24px,4vw,42px);border-radius:22px;background:linear-gradient(120deg,#101e34,#1e3c68);display:flex;justify-content:space-between;align-items:center;gap:28px;color:#fff}.blog-bottom-cta .blog-eyebrow{margin-bottom:10px}.blog-bottom-cta h2{font-size:clamp(1.5rem,3vw,2.1rem);letter-spacing:-.035em;margin:0 0 8px}.blog-bottom-cta p{color:rgba(255,255,255,.72);margin:0}.article-hero{padding-bottom:54px}.article-hero h1{max-width:940px;font-size:clamp(2.2rem,4.8vw,3.8rem)}.article-intro{max-width:780px;font-size:1.12rem;line-height:1.7;color:rgba(255,255,255,.78);margin:0 0 24px}.article-meta{display:flex;gap:20px;flex-wrap:wrap;font-size:.85rem;color:rgba(255,255,255,.66)}.article-main{background:#f7f9fc;padding:46px 0 86px}.article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(240px,300px);gap:40px;align-items:start}.article-content{background:#fff;border:1px solid #e5eaf2;border-radius:20px;padding:clamp(24px,4.4vw,54px);min-width:0}.article-content-top{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;border-bottom:1px solid #edf0f5;padding-bottom:20px;margin-bottom:28px;color:#98a2b3;font-size:.8rem}.back-to-blog{color:var(--primary-600);text-decoration:none;font-weight:700}.article-content h2{font-size:clamp(1.35rem,2.6vw,1.8rem);letter-spacing:-.03em;line-height:1.25;color:#101828;margin:38px 0 13px}.article-content h2:first-of-type{margin-top:0}.article-content h3{font-size:1.2rem;color:#101828;margin:28px 0 10px}.article-content p,.article-content li{font-size:1.02rem;line-height:1.82;color:#475467}.article-content p{margin:0 0 19px}.article-content ul,.article-content ol{padding-left:24px;margin:0 0 22px}.article-content li{padding-left:4px;margin:8px 0}.article-content a:not(.btn):not(.back-to-blog):not(.related-link){color:#245eb8;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;font-weight:600}.article-content strong{color:#263449}.article-end-cta{margin-top:42px;padding:26px;background:#f2f6ff;border:1px solid #dce7ff;border-radius:16px}.article-end-cta h2{margin:0 0 10px}.article-end-cta p{margin-bottom:18px}.article-related{margin-top:38px;padding-top:30px;border-top:1px solid #e7ebf2}.article-related>h2{margin:0 0 16px}.related-link{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 0;border-top:1px solid #edf0f5;text-decoration:none;color:#101828}.related-link small,.related-link strong{display:block}.related-link small{font-size:.75rem;color:#667085;margin-bottom:5px}.related-link strong{line-height:1.4}.related-link>span:last-child{color:var(--primary-600);font-size:1.2rem}.article-sidebar{display:grid;gap:16px;position:sticky;top:24px}.sidebar-card{padding:24px;background:#fff;border:1px solid #e5eaf2;border-radius:17px}.sidebar-card h2{font-size:1.35rem;line-height:1.25;letter-spacing:-.03em;margin:0 0 10px;color:#101828}.sidebar-card h3{font-size:1rem;margin:0 0 14px}.sidebar-card p{font-size:.92rem;color:#667085;line-height:1.65;margin:0 0 16px}.sidebar-link,.sidebar-topics a{display:block;padding:12px 0;border-top:1px solid #edf0f5;color:var(--primary-600);font-size:.9rem;font-weight:700;text-decoration:none}.sidebar-topics a{color:#475467}.blog-404{padding:150px 0 100px;background:#f7f9fc;min-height:50vh}.blog-404 h1{font-size:clamp(2rem,4vw,3rem);margin:0 0 14px}.blog-404 p{color:#667085;margin-bottom:24px}
@media(max-width:900px){.blog-featured{grid-template-columns:1fr}.featured-visual{min-height:240px;grid-row:1}.blog-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:1fr}.article-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.blog-hero,.article-hero{padding:112px 0 44px}.blog-main,.article-main{padding:28px 0 56px}.blog-featured{margin-bottom:48px}.featured-visual{min-height:200px}.featured-copy{padding:24px}.blog-section{margin-top:44px}.blog-section-head{display:block}.blog-section-head p{margin-top:10px}.blog-category-grid,.blog-card-grid,.article-sidebar{grid-template-columns:1fr}.blog-category{padding:16px}.blog-bottom-cta{align-items:flex-start;flex-direction:column;margin-top:48px}.article-content{padding:23px 20px}.article-content p,.article-content li{font-size:.98rem}.article-meta{gap:10px 16px}.blog-filter-row{align-items:flex-start}.blog-filter-row>span{width:100%}}
