.article-hero{padding:4.5rem 0 3rem;background:linear-gradient(180deg,#f4f8fb 0%,#fff 100%)}.article-hero-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr);gap:3rem;align-items:center}.article-title{font-size:clamp(2.1rem,4.2vw,4rem);line-height:1.08;letter-spacing:-.04em;margin:.4rem 0 1.25rem;color:#0d2844}.article-lead{font-size:1.15rem;line-height:1.75;color:#4b6683;max-width:38rem}.article-cta{display:inline-flex;margin-top:1.25rem;align-items:center;gap:.5rem;font-weight:700}.tool-preview{display:block;position:relative;border:1px solid #d5e1e9;border-radius:1.5rem;overflow:hidden;background:#fff;box-shadow:0 18px 45px rgba(13,40,68,.14);transition:transform .2s ease,box-shadow .2s ease}.tool-preview:hover{transform:translateY(-4px);box-shadow:0 24px 55px rgba(13,40,68,.2)}.tool-preview img{display:block;width:100%;height:auto}.tool-preview-label{display:flex;align-items:center;justify-content:center;min-height:3.25rem;padding:.75rem 1rem;background:#0d2844;color:#fff;font-weight:700;text-align:center}.article-shell{max-width:52rem;padding-top:2rem;padding-bottom:5rem}.article-content{font-size:1.05rem;line-height:1.78;color:#385673}.article-content h2{color:#0d2844;font-size:1.7rem;line-height:1.2;margin:2.6rem 0 .85rem}.article-content h3{color:#0d2844;font-size:1.22rem;margin:1.7rem 0 .45rem}.article-content p,.article-content ul{margin:.75rem 0 1.25rem}.article-content li{margin:.45rem 0}.article-note{margin:2rem 0;padding:1.15rem 1.35rem;border-left:4px solid #ef4b2d;background:#fff5f1;border-radius:.25rem;color:#563c34}.article-steps{padding-left:1.4rem}.article-steps strong{color:#0d2844}.article-list{padding:4rem 0 5rem}.article-list h1{font-size:clamp(2rem,4vw,3.25rem);color:#0d2844;margin:.4rem 0 1rem}.article-card{display:block;max-width:48rem;margin-top:2rem;padding:1.75rem;border:1px solid #d9e4eb;border-radius:1rem;background:#fff;box-shadow:0 10px 30px rgba(13,40,68,.06);transition:transform .2s ease,box-shadow .2s ease}.article-card:hover{transform:translateY(-3px);box-shadow:0 16px 35px rgba(13,40,68,.12)}.article-card h2{font-size:1.45rem;color:#0d2844;margin:0 0 .6rem}.article-card p{color:#4b6683;line-height:1.65;margin:0 0 1rem}.article-card span{font-weight:700}@media(max-width:760px){.article-hero{padding:3rem 0 2rem}.article-hero-grid{grid-template-columns:1fr;gap:1.8rem}.article-title{font-size:2.35rem}.article-shell{padding-top:1rem}.article-content{font-size:1rem}}