:root{--navy:#061827;--ink:#071727;--blue:#0877d1;--sky:#20a7ef;--yellow:#ffd43b;--muted:#667d8e;--line:#dce7ee;--paper:#f4f8fb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;object-fit:cover}.blog-header{width:min(1240px,calc(100% - 40px));height:88px;margin:auto;display:flex;align-items:center;gap:35px}.blog-brand strong,.blog-brand small{display:block}.blog-brand strong{font-size:24px;line-height:.8;letter-spacing:-1.5px}.blog-brand strong span{color:var(--blue)}.blog-brand small{margin-top:8px;font-size:7px;letter-spacing:3px}.blog-header nav{display:flex;gap:28px;margin-left:auto;font-size:13px;font-weight:750}.blog-header nav a{color:#526a7b}.blog-header nav a:hover,.blog-header nav .active{color:var(--blue)}.blog-cta{background:var(--yellow);border-radius:999px;padding:12px 19px;font-weight:850;font-size:13px}.blog-hero{padding:100px 20px 85px;text-align:center;background:radial-gradient(circle at 74% 12%,rgba(32,167,239,.16),transparent 25%),var(--navy);color:#fff}.blog-kicker{font-size:10px;font-weight:900;letter-spacing:2.2px;color:var(--blue);text-transform:uppercase}.blog-hero .blog-kicker{color:var(--yellow)}.blog-hero h1{font-size:clamp(45px,7vw,88px);line-height:.98;letter-spacing:-5px;margin:20px 0}.blog-hero h1 span{color:var(--sky)}.blog-hero>p:last-child{max-width:680px;margin:auto;color:#b6cad8;font-size:18px}.featured-post{width:min(1180px,calc(100% - 40px));margin:80px auto;display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}.featured-media,.post-media{background:linear-gradient(145deg,var(--blue),var(--navy));overflow:hidden}.featured-media{border-radius:28px;aspect-ratio:16/9}.featured-media img,.post-media img{width:100%;height:100%}.featured-media span,.post-media span{width:100%;height:100%;display:grid;place-items:center;color:var(--yellow);font-size:70px;font-weight:950}.featured-post h2{font-size:clamp(34px,4vw,53px);line-height:1.02;letter-spacing:-2.5px;margin:12px 0 18px}.featured-post p:not(.blog-kicker){color:var(--muted);font-size:17px}.text-link{display:inline-block;color:var(--blue);font-weight:850;margin-top:8px}.posts-section,.related-posts{width:min(1180px,calc(100% - 40px));margin:80px auto}.posts-section>header h2,.related-posts h2{font-size:40px;letter-spacing:-2px;margin:5px 0 30px}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.post-card{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;transition:.2s}.post-card:hover{transform:translateY(-4px);box-shadow:0 18px 50px rgba(4,24,40,.1)}.post-media{display:block;aspect-ratio:16/9}.post-card>div{padding:23px}.post-card small{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.post-card h3{font-size:22px;line-height:1.14;letter-spacing:-.8px;margin:10px 0}.post-card p{color:var(--muted);font-size:14px}.post-card .text-link{font-size:13px}.empty-public{grid-column:1/-1;text-align:center;padding:60px;background:var(--paper);border-radius:22px}.blog-banner{width:min(1180px,calc(100% - 40px));margin:100px auto;background:linear-gradient(135deg,#0877d1,#075d9e);border-radius:30px;padding:48px 55px;display:flex;align-items:center;justify-content:space-between;color:#fff;overflow:hidden}.blog-banner .blog-kicker{color:#bce5ff}.blog-banner h2{font-size:43px;line-height:1;letter-spacing:-2px;margin:8px 0}.blog-banner>a{background:var(--yellow);color:var(--ink);padding:15px 23px;border-radius:999px;font-weight:900}.blog-footer{background:var(--navy);color:#fff;padding:60px max(20px,calc((100% - 1180px)/2));display:grid;grid-template-columns:1fr auto;gap:30px}.blog-footer p{color:#8da5b5;max-width:480px}.blog-footer>div:nth-child(2){display:flex;flex-direction:column;gap:8px}.blog-footer>small{grid-column:1/-1;color:#708798;border-top:1px solid rgba(255,255,255,.1);padding-top:25px}.article-page{width:min(920px,calc(100% - 40px));margin:70px auto}.article-page>header{text-align:center}.back-link{display:inline-block;color:var(--blue);font-weight:800;font-size:13px;margin-bottom:45px}.article-page h1{font-size:clamp(43px,7vw,78px);line-height:1;letter-spacing:-4px;margin:15px 0 24px}.article-lead{font-size:20px;color:var(--muted);max-width:760px;margin:0 auto}.article-meta{display:flex;justify-content:center;gap:20px;margin:30px 0;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.7px}.article-page>figure{margin:50px -130px;border-radius:28px;overflow:hidden;aspect-ratio:16/9}.article-page>figure img{width:100%;height:100%}.article-body{font-family:Georgia,serif;font-size:20px;line-height:1.85;color:#203646}.article-page>footer{margin-top:50px;padding-top:25px;border-top:1px solid var(--line);display:flex;gap:8px;flex-wrap:wrap}.article-page>footer span{font-size:12px;background:var(--paper);border-radius:999px;padding:7px 11px}.pagination{display:flex;justify-content:center;gap:7px;list-style:none;padding:0;margin:35px 0}.page-link{display:grid;place-items:center;min-width:38px;height:38px;border:1px solid var(--line);border-radius:10px}.page-item.active .page-link{background:var(--blue);color:#fff;border-color:var(--blue)}.page-item.disabled{opacity:.4}
@media(max-width:900px){.blog-header nav{display:none}.featured-post{grid-template-columns:1fr;gap:30px}.post-grid{grid-template-columns:repeat(2,1fr)}.article-page>figure{margin:40px 0}.blog-banner{padding:40px;align-items:flex-start;flex-direction:column;gap:25px}}
@media(max-width:600px){.blog-header{height:75px}.blog-cta{padding:10px 14px}.blog-hero{padding:75px 18px}.blog-hero h1{letter-spacing:-3px}.featured-post,.posts-section,.related-posts{width:min(100% - 28px,1180px);margin:55px auto}.post-grid{grid-template-columns:1fr}.blog-banner{width:calc(100% - 28px);margin:65px auto;padding:30px 24px}.blog-banner h2{font-size:34px}.blog-footer{grid-template-columns:1fr;padding:50px 24px}.article-page{width:calc(100% - 30px);margin:45px auto}.article-page h1{letter-spacing:-2.5px}.article-lead,.article-body{font-size:17px}.article-meta{flex-wrap:wrap;gap:8px 15px}.article-page>figure{border-radius:18px}}
html,body{max-width:100%;overflow-x:hidden;overflow-x:clip}.blog-header,.featured-post,.posts-section,.related-posts,.blog-banner,.article-page,.blog-footer{min-width:0}.post-grid>*{min-width:0}