@import url('info-page.css');
.blog-hero{position:relative;overflow:hidden;padding:70px 0 62px;background:radial-gradient(circle at 82% 18%,rgba(18,202,219,.32),transparent 26%),linear-gradient(120deg,#061b45 0%,#074a99 72%,#0878d7 100%);color:#fff}.blog-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(#000,transparent)}.blog-hero .container{position:relative;z-index:1}.blog-kicker{display:inline-flex;padding:7px 11px;border:1px solid rgba(255,255,255,.24);border-radius:99px;background:rgba(2,28,68,.38);font-size:12px;font-weight:850}.blog-hero h1{max-width:760px;margin:18px 0 13px;font-size:48px;line-height:1.08;letter-spacing:-1.4px}.blog-hero p{max-width:720px;margin:0;color:#dceaff;font-size:17px;line-height:1.65}
.blog-shell{padding:54px 0 76px}.featured-post{display:grid;grid-template-columns:1.12fr .88fr;min-height:385px;overflow:hidden;border:1px solid #dce6f2;border-radius:24px;background:#fff;box-shadow:0 20px 52px rgba(7,45,96,.11);text-decoration:none;color:var(--ink)}.featured-image{background:url('traffic-hero-premium-v1.png') center 55%/cover no-repeat}.featured-copy{display:flex;flex-direction:column;justify-content:center;padding:44px}.post-meta{display:flex;flex-wrap:wrap;gap:9px;align-items:center;color:#697993;font-size:12px}.post-cat{display:inline-flex;padding:6px 9px;border-radius:7px;background:#e8f3ff;color:#0765dd;font-weight:850}.featured-copy h2{margin:17px 0 13px;font-size:32px;line-height:1.18;letter-spacing:-.6px}.featured-copy p{margin:0;color:#596a84;font-size:15px;line-height:1.65}.read-link{margin-top:23px;color:#0768e5;font-size:13px;font-weight:900}
.blog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:50px 0 23px}.blog-toolbar h2{margin:0;font-size:29px}.categories{display:flex;flex-wrap:wrap;gap:8px}.category{padding:9px 13px;border:1px solid #d8e4f1;border-radius:99px;background:#fff;color:#52637d;font-size:12px;font-weight:800}.category.active{border-color:#076bea;background:#076bea;color:#fff}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.post-card{overflow:hidden;border:1px solid #dde6f1;border-radius:19px;background:#fff;color:var(--ink);text-decoration:none;box-shadow:0 9px 26px rgba(7,43,91,.07);transition:.22s}.post-card:hover{transform:translateY(-5px);border-color:#9cc8fa;box-shadow:0 18px 38px rgba(7,58,125,.13)}.post-image{display:block;height:178px;background-position:center;background-size:cover}.post-card:nth-child(1) .post-image{background-image:url('family-protection-v1.webp')}.post-card:nth-child(2) .post-image{background-image:url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=900&q=82')}.post-card:nth-child(3) .post-image{background-image:url('https://images.unsplash.com/photo-1436491865332-7a61a109cc05?auto=format&fit=crop&w=900&q=82')}.post-card:nth-child(4) .post-image{background-image:url('https://images.unsplash.com/photo-1552519507-da3b142c6e3d?auto=format&fit=crop&w=900&q=82')}.post-card:nth-child(5) .post-image{background-image:url('https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=900&q=82')}.post-card:nth-child(6) .post-image{background-image:url('traffic-hero-premium-v1.png')}.post-content{display:block;padding:21px}.post-content h3{margin:13px 0 9px;font-size:19px;line-height:1.35}.post-content p{margin:0;color:#60708a;font-size:14px;line-height:1.6}.post-content .read-link{display:block;margin-top:18px}
.newsletter{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:48px;padding:31px 35px;border-radius:20px;background:linear-gradient(120deg,#08265b,#0769d9);color:#fff}.newsletter h2{margin:0 0 7px;font-size:25px}.newsletter p{margin:0;color:#d9e9ff;font-size:14px}.newsletter a{flex:0 0 auto;padding:14px 19px;border-radius:10px;background:#fff;color:#075dcc;text-decoration:none;font-size:13px;font-weight:900}
.article-hero{padding:64px 0;background:radial-gradient(circle at 82% 18%,rgba(16,194,213,.28),transparent 27%),linear-gradient(120deg,#061b45,#0754a7);color:#fff}.article-hero h1{max-width:900px;margin:17px 0 14px;font-size:44px;line-height:1.14;letter-spacing:-1px}.article-hero .lead{max-width:790px;margin:0;color:#dbeaff;font-size:17px;line-height:1.65}.article-hero .post-meta{margin-top:19px;color:#d2e5ff}.blog-article{font-size:16px;line-height:1.8}.blog-article h2{margin:34px 0 12px;font-size:28px}.blog-article h2:first-child{margin-top:0}.blog-article p,.blog-article li{color:#4f6079}.summary-box{margin:24px 0;padding:20px 22px;border-left:4px solid #0bbbcf;border-radius:0 13px 13px 0;background:#edf9fc;color:#214f64}.summary-box b{display:block;margin-bottom:5px;color:#0a294e}.article-aside .aside-card{margin-bottom:16px}.article-aside .mini-link{display:block;margin-top:10px;color:#0b67db;text-decoration:none;font-size:13px;font-weight:800}
@media(max-width:900px){.featured-post{grid-template-columns:1fr}.featured-image{min-height:280px}.blog-grid{grid-template-columns:1fr 1fr}.blog-toolbar{align-items:flex-start;flex-direction:column}.article-hero h1,.blog-hero h1{font-size:39px}}@media(max-width:620px){.blog-hero{padding:52px 0}.blog-hero h1,.article-hero h1{font-size:34px}.featured-image{min-height:220px}.featured-copy{padding:28px 24px}.featured-copy h2{font-size:26px}.blog-grid{grid-template-columns:1fr}.newsletter{align-items:flex-start;flex-direction:column;padding:27px 24px}}