:root{--navy:#193751;--navy-deep:#092746;--blue:#1769e0;--blue-soft:#eff4ff;--slate:#5f5e5e;--line:#d8e1f0;--white:#fff}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{overflow-x:hidden;background:#fff;color:var(--navy);font-family:"DM Sans",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}.logo{display:block;width:auto;height:34px}.blog-container{width:min(100% - 48px,1280px);margin-inline:auto}.blog-hero{display:flex;height:367px;align-items:center;position:relative;isolation:isolate;overflow:hidden;color:#fff;background:#0b1c30}.blog-hero::before{content:"";position:absolute;z-index:-2;inset:0;background:url("blog/hero-bg.png") center/cover no-repeat}.blog-hero::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(11,28,48,.94),rgba(11,28,48,.42))}.blog-hero h1{font-family:"Manrope",sans-serif;font-size:60px;line-height:1;font-weight:800}.blog-hero p{max-width:572px;margin-top:24px;color:#c0d1ea;font-size:18px;line-height:29px}.category-section{padding:46px 0;background:var(--blue-soft)}.category-row{display:flex;align-items:center;gap:28px}.category-row h2{flex:0 0 auto;font:600 22px/1.3 "Manrope",sans-serif}.category-list{display:flex;flex-wrap:wrap;gap:14px}.category-pill{min-height:42px;padding:8px 19px;border:1px solid var(--navy);border-radius:999px;color:var(--navy);background:transparent;cursor:pointer;transition:.2s}.category-pill:hover,.category-pill:focus-visible,.category-pill.active{color:#fff;background:var(--navy)}.blog-results{padding-top:64px;scroll-margin-top:90px}.featured-blog{display:grid;overflow:hidden;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:20px;background:var(--blue-soft)}.featured-image{min-height:480px}.featured-image img,.card-image img{display:block;width:100%;height:100%;object-fit:cover}.featured-content{display:flex;justify-content:space-between;flex-direction:column;padding:52px 54px}.article-label{display:flex;align-items:center;gap:8px;margin-bottom:24px;color:var(--navy);font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}.article-label span{display:grid;width:17px;height:17px;place-items:center;border-radius:50%;color:#fff;background:var(--navy);font-size:10px}.featured-content h2{max-width:570px;color:#000;font:800 clamp(32px,4vw,48px)/1.22 "Manrope",sans-serif;letter-spacing:-.02em}.featured-content>div>p:not(.article-label){max-width:510px;margin-top:24px;color:var(--slate);font-size:18px}.read-button{display:inline-flex;align-items:center;gap:7px;min-height:48px;margin-top:30px;padding:0 28px;border-radius:999px;color:#fff;background:var(--navy);font-weight:700;transition:.2s}.read-button:hover{transform:translateY(-2px)}.read-button span,.text-link span{font-size:24px}.featured-meta{display:flex;align-items:center;gap:12px;margin-top:38px;padding-top:24px;border-top:1px solid var(--line);font-size:12px;letter-spacing:.5px}.featured-meta>span:last-child{margin-left:auto}.author-avatar{display:grid;width:40px;height:40px;place-items:center;border-radius:50%;background:#fff;font-weight:700}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:64px}.blog-card{display:flex;overflow:hidden;min-width:0;border:1px solid var(--navy);border-radius:20px;background:var(--blue-soft);flex-direction:column}.card-image{display:block;height:260px;overflow:hidden}.card-image img{transition:transform .35s}.blog-card:hover .card-image img{transform:scale(1.035)}.card-content{display:flex;padding:25px;flex:1;flex-direction:column}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.card-meta span{padding:4px 10px;border:1px solid var(--navy);border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.card-meta time{color:var(--slate);font-size:12px}.card-content h3{color:#000;font:700 24px/1.33 "Manrope",sans-serif}.card-content p{margin:14px 0 22px;color:var(--slate)}.text-link{display:inline-flex;align-items:center;gap:4px;width:max-content;margin-top:auto;font-weight:700}.blog-empty{padding:80px 0;text-align:center}.blog-pagination{display:flex;justify-content:center;gap:6px;padding:54px 24px 96px}.blog-pagination button{display:grid;width:40px;height:40px;place-items:center;border:0;border-radius:8px;color:#7f9bbb;background:transparent;cursor:pointer;font-weight:600}.blog-pagination button:hover,.blog-pagination button.active{color:#fff;background:linear-gradient(135deg,#193751,#2d5b84);box-shadow:0 6px 16px rgba(25,55,81,.24)}.blog-pagination button:disabled{opacity:.35;cursor:not-allowed}.newsletter-section{width:min(100% - 48px,1330px);margin:0 auto;padding:0 0 76px}.newsletter-box{display:flex;align-items:center;justify-content:space-between;gap:34px;padding:50px 56px;border-radius:24px;color:#fff;background:var(--navy)}.newsletter-box h2{font:800 clamp(34px,4vw,47px)/1.15 "Manrope",sans-serif}.newsletter-box p{max-width:550px;margin-top:13px;font-size:18px}.newsletter-form{display:grid;position:relative;grid-template-columns:minmax(250px,420px) 170px;gap:12px}.newsletter-form input,.newsletter-form button{height:62px;border:0;border-radius:999px}.newsletter-form input{padding:0 25px;outline:none}.newsletter-form button{color:#fff;background:#7eaee6;cursor:pointer;font-weight:700}.newsletter-message{position:absolute;top:70px;left:18px;font-size:13px}footer{background:var(--navy-deep);color:#78a9f5}.store-mark{display:grid;width:27px;height:27px;place-items:center;font-size:17px}.store-menu .chevron{font-size:18px}.nav-links a[aria-current=page]{color:var(--blue)}
/* Article detail */.detail-hero{background:radial-gradient(circle at 70% 48%,rgba(25,55,81,.2),rgba(242,246,252,.05) 58%,#fff)}.detail-hero-inner{display:grid;align-items:center;grid-template-columns:1fr 1fr;gap:72px;padding-top:78px;padding-bottom:108px}.detail-label{display:flex;align-items:center;gap:8px;margin-bottom:30px;font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}.detail-label::before{content:"✓";display:grid;width:14px;height:14px;place-items:center;border-radius:50%;color:#fff;background:var(--navy);font-size:8px}.detail-copy h1{color:#000;font:800 clamp(36px,4vw,48px)/1.25 "Manrope",sans-serif;letter-spacing:-.02em}.detail-summary{max-width:640px;margin-top:24px;color:var(--slate);font-size:18px}.detail-author{display:flex;align-items:center;gap:13px;margin-top:30px}.detail-author small{display:block;color:var(--slate)}.detail-image img{display:block;width:100%;max-height:520px;padding:8px;border-radius:24px;background:#fff;object-fit:cover;box-shadow:0 8px 24px rgba(11,28,48,.22)}.article-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:58px;padding-top:72px}.discovery{position:sticky;top:105px;height:max-content}.discovery h2{padding-left:25px;color:#000;font-size:12px;letter-spacing:1.2px;text-transform:uppercase}.discovery-links{max-height:48vh;margin-top:25px;padding:0 12px 0 25px;border-left:1px solid var(--navy);overflow-y:auto}.discovery-links a{display:block;margin-bottom:17px;color:#000;line-height:1.45}.discovery-links a.sub{padding-left:15px}.discovery-links a.active,.discovery-links a:hover{color:var(--navy);font-weight:700}.pro-insight{margin-top:36px;padding:24px;border-radius:16px;color:#fff;background:var(--navy)}.pro-insight h3{margin-bottom:12px;font-size:12px;letter-spacing:.7px;text-transform:uppercase}.pro-insight p{font-style:italic}.mobile-index{display:none}.blog-content{min-width:0;color:var(--slate);font-size:18px;line-height:1.65}.blog-content h2,.blog-content h3{scroll-margin-top:110px;margin:36px 0 14px;color:#000;font-family:"Manrope",sans-serif;line-height:1.3}.blog-content h2{font-size:30px}.blog-content h3{font-size:24px}.blog-content p{margin-bottom:18px}.blog-content ul,.blog-content ol{margin:0 0 24px;padding-left:24px}.blog-content img{width:100%;margin:28px 0;border-radius:20px}.detail-error{padding:100px 24px;text-align:center}.detail-error a{color:var(--blue);font-weight:700}
@media(max-width:1000px){.blog-grid{grid-template-columns:repeat(2,1fr)}.featured-content{padding:38px}.detail-hero-inner{gap:38px}.article-layout{grid-template-columns:230px minmax(0,1fr);gap:38px}.footer-top{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.blog-container{width:min(100% - 32px,1280px)}.blog-hero{height:300px}.blog-hero h1{font-size:48px}.category-row{align-items:flex-start;flex-direction:column}.featured-blog{grid-template-columns:1fr}.featured-image{min-height:280px}.featured-content{padding:30px}.blog-grid{grid-template-columns:1fr}.newsletter-section{width:min(100% - 32px,1330px)}.newsletter-box{align-items:flex-start;padding:36px 26px;flex-direction:column}.newsletter-form{width:100%;grid-template-columns:1fr}.newsletter-message{position:static}.detail-hero-inner{grid-template-columns:1fr;padding-top:54px;padding-bottom:64px}.detail-image{order:-1}.article-layout{display:block;padding-top:48px}.discovery{display:none}.mobile-index{display:block;margin-bottom:34px}.mobile-index button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 18px;border:1px solid var(--navy);border-radius:13px;background:#fff;font-weight:700;text-transform:uppercase}.mobile-index nav{display:none;padding:10px;border:1px solid var(--navy);border-top:0;border-radius:0 0 13px 13px}.mobile-index.open nav{display:block}.mobile-index a{display:block;padding:10px;border-radius:8px}.mobile-index a.active{background:var(--blue-soft);font-weight:700}.blog-pagination{padding-bottom:68px}}@media(max-width:520px){.blog-hero h1{font-size:43px}.blog-hero p{font-size:16px}.featured-meta{align-items:flex-start;flex-wrap:wrap}.featured-meta>span:last-child{width:100%;margin-left:52px}.card-image{height:220px}.newsletter-box h2{font-size:31px}.detail-copy h1{font-size:34px}.detail-summary,.blog-content{font-size:16px}.blog-content h2{font-size:26px}.blog-content h3{font-size:21px}}
:root{--blue-light:#eff4ff}
