.blog-main,.blog-post-main{--blog-gutter:max(24px, calc((100vw - 1160px) / 2));background:#fff}.blog-hero{padding:clamp(48px, 8vh, 92px) var(--blog-gutter) clamp(34px, 5vh, 56px);background:radial-gradient(60% 80% at 12% 0,#1c5fb81f,#0000 62%),radial-gradient(50% 70% at 90% 10%,#f35a2b17,#0000 65%),linear-gradient(#f7fafd 0%,#eef4fa 100%);position:relative;overflow:hidden}.blog-hero-inner{justify-items:start;gap:20px;max-width:880px;display:grid}.blog-hero h1{color:#0f1b2d;letter-spacing:-.035em;margin:0;font-size:clamp(2.2rem,4.4vw,3.5rem);font-weight:800;line-height:1.06}.blog-hero h1 span{background:linear-gradient(100deg, var(--blue), var(--cyan) 55%, var(--orange));color:#0000;-webkit-background-clip:text;background-clip:text}.blog-hero p{color:#4f5d75;max-width:62ch;margin:0;font-size:clamp(1rem,1.2vw,1.12rem);line-height:1.75}.blog-featured{padding:clamp(38px, 6vh, 68px) var(--blog-gutter) 0;gap:18px;display:grid}.blog-featured-card{background:linear-gradient(#fff,#f9fcff);border:1px solid #dde5f0eb;border-radius:26px;gap:14px;padding:clamp(28px,3.4vw,46px);transition:transform .22s,box-shadow .22s,border-color .22s;display:grid;box-shadow:0 30px 70px -46px #13275c99}.blog-featured-card:hover{border-color:#1c5fb847;transform:translateY(-4px);box-shadow:0 40px 84px -46px #13275cb3}.blog-featured-meta{color:#8794a6;flex-wrap:wrap;align-items:center;gap:14px;font-size:.85rem;font-weight:600;display:flex}.blog-featured-card h2{color:#0f1b2d;letter-spacing:-.03em;margin:0;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:800;line-height:1.14}.blog-featured-card p{color:#4f5d75;max-width:68ch;margin:0;font-size:clamp(1rem,1.15vw,1.1rem);line-height:1.72}.blog-tag{width:max-content;color:var(--blue);letter-spacing:.12em;text-transform:uppercase;background:#eef3fb;border-radius:999px;padding:6px 14px;font-size:.7rem;font-weight:800}.blog-more{color:var(--blue);align-items:center;gap:8px;font-size:.94rem;font-weight:700;display:inline-flex}.blog-more svg{width:17px;height:17px;transition:transform .18s}.blog-featured-card:hover .blog-more svg,.blog-card:hover .blog-more svg{transform:translate(3px)}.blog-list{padding:clamp(44px, 7vh, 82px) var(--blog-gutter)}.blog-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:20px;display:grid}.blog-card{background:#fff;border:1px solid #dde5f0eb;border-radius:22px;align-content:start;gap:12px;padding:28px 26px;transition:transform .22s,box-shadow .22s,border-color .22s;display:grid}.blog-card:hover{border-color:#1c5fb842;transform:translateY(-5px);box-shadow:0 30px 60px -40px #13275ca6}.blog-card-top{color:#8794a6;justify-content:space-between;align-items:center;gap:12px;font-size:.82rem;font-weight:600;display:flex}.blog-card h3{color:#0f1b2d;letter-spacing:-.018em;margin:0;font-size:1.2rem;font-weight:760;line-height:1.3}.blog-card p{color:#5a687f;margin:0;font-size:.95rem;line-height:1.66}.blog-card-foot{color:#8794a6;border-top:1px solid #eef2f8;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;padding-top:14px;font-size:.84rem;font-weight:600;display:flex}.blog-post{padding:clamp(38px, 6vh, 72px) var(--blog-gutter) clamp(34px, 5vh, 56px)}.blog-post-head{border-bottom:1px solid #eaeff7;gap:16px;max-width:760px;margin:0 auto;padding-bottom:clamp(22px,3vw,34px);display:grid}.blog-crumbs{color:#8794a6;align-items:center;gap:10px;font-size:.86rem;font-weight:600;display:flex}.blog-crumbs a:hover{color:var(--blue)}.blog-post-head h1{color:#0f1b2d;letter-spacing:-.035em;margin:0;font-size:clamp(2rem,4vw,3.1rem);font-weight:800;line-height:1.08}.blog-post-excerpt{color:#4f5d75;margin:0;font-size:clamp(1.02rem,1.3vw,1.2rem);line-height:1.72}.blog-post-meta{color:#8794a6;flex-wrap:wrap;gap:8px 18px;font-size:.88rem;font-weight:600;display:flex}.blog-post-meta span+span:before{content:"·";margin-right:18px}.blog-post-body{max-width:760px;margin:0 auto;padding-top:clamp(24px,3vw,38px)}.blog-post-body h2{color:#0f1b2d;letter-spacing:-.022em;margin:clamp(30px,3.5vw,46px) 0 14px;font-size:clamp(1.35rem,2.2vw,1.75rem);font-weight:780;line-height:1.24}.blog-post-body p{color:#414f66;margin:0 0 18px;font-size:1.06rem;line-height:1.82}.blog-post-body ul{gap:12px;margin:0 0 22px;padding:0;list-style:none;display:grid}.blog-post-body li{color:#414f66;padding-left:26px;font-size:1.02rem;line-height:1.68;position:relative}.blog-post-body li:before{content:"";background:linear-gradient(135deg, var(--blue), var(--cyan));border-radius:3px;width:8px;height:8px;position:absolute;top:10px;left:0}.blog-post-body blockquote{border-left:3px solid var(--orange);color:#24314a;background:linear-gradient(90deg,#fdf5f2,#fbfdff);border-radius:0 16px 16px 0;margin:clamp(26px,3vw,38px) 0;padding:22px 26px;font-size:clamp(1.08rem,1.6vw,1.28rem);font-weight:650;line-height:1.55}.blog-post-foot{border-top:1px solid #eaeff7;flex-wrap:wrap;gap:12px;max-width:760px;margin:clamp(30px,4vw,48px) auto 0;padding-top:clamp(22px,3vw,34px);display:flex}.blog-related{padding:clamp(44px, 7vh, 84px) var(--blog-gutter);background:linear-gradient(#f7fafd 0%,#fff 100%);border-top:1px solid #eaeff7}@media (max-width:560px){.blog-featured-card,.blog-card{border-radius:18px;padding:22px 20px}.blog-post-meta span+span:before{display:none}}