.reference-blog{background:#fff;color:#0d1b43}.reference-blog h1,.reference-blog h2,.reference-blog h3,.reference-blog p{margin-top:0}.reference-blog-hero{overflow:hidden;background:linear-gradient(110deg,#f5f8ff,#edf4ff 54%,#dfeaff)}.reference-hero-grid{min-height:405px;display:grid;grid-template-columns:44% 56%;align-items:center}.reference-hero-copy{position:relative;z-index:2;padding:42px 0 52px}.reference-kicker,.reference-card-label{display:block;color:#1760ef;font-size:16px;font-weight:800;text-transform:uppercase;letter-spacing:.7px}.reference-kicker{margin-bottom:14px}.reference-hero-copy h1{font-size:38px;line-height:1.06;font-weight:800;margin-bottom:16px}.reference-hero-copy h1 strong{color:#1760ef}.reference-hero-copy p{color:#33415f;font-size:13px;line-height:1.55;margin-bottom:18px}.reference-search{width:265px;height:35px;display:flex;align-items:center;background:#fff;border:1px solid #d5e0f4;border-radius:4px;overflow:hidden;box-shadow:0 4px 12px rgba(29,77,154,.08)}.reference-search>i{color:#6a9bf1;margin:0 10px;font-size:12px}.reference-search input{min-width:0;flex:1;height:100%;border:0;outline:0;font-size:9px}.reference-search button{width:33px;height:100%;border:0;color:#fff;background:#1760ef}.reference-hero-art{position:relative;height:405px;overflow:hidden}.hero-glow{position:absolute;width:510px;height:380px;top:15px;left:15px;border-radius:50%;background:radial-gradient(ellipse,#d3e2ff,rgba(219,232,255,.45) 58%,transparent 70%)}.hero-screen{position:absolute;width:220px;height:145px;left:135px;top:85px;padding:14px 17px;border:7px solid #102448;border-radius:10px;background:#fff;transform:rotate(7deg);box-shadow:0 22px 28px rgba(37,73,137,.2)}.hero-screen span{color:#1760ef;font-size:11px;font-weight:800}.screen-image{width:75px;height:48px;margin-top:10px;background:linear-gradient(145deg,#dbeaff,#4082f5);clip-path:polygon(0 100%,0 50%,26% 68%,48% 27%,66% 53%,81% 38%,100% 65%,100% 100%)}.hero-screen b,.hero-paper b{display:block;width:75px;height:6px;margin:6px 0;background:#c5d7f5}.hero-paper{position:absolute;width:95px;height:145px;left:370px;top:58px;padding:22px 15px;background:#fff;border-radius:5px;transform:rotate(7deg);box-shadow:0 12px 20px rgba(54,94,158,.16)}.hero-paper b{width:60px;height:7px;margin-bottom:10px}.hero-chart{position:absolute;width:78px;height:57px;left:55px;top:160px;padding:8px;display:flex;align-items:end;gap:5px;background:#fff;border-radius:5px}.hero-chart i{width:11px;background:#4990f7}.hero-chart i:nth-child(1){height:18px}.hero-chart i:nth-child(2){height:29px}.hero-chart i:nth-child(3){height:23px}.hero-chart i:nth-child(4){height:38px}.hero-play{position:absolute;left:62px;top:250px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#1760ef}.hero-play i{font-size:11px;margin-left:2px}.hero-plant{position:absolute;right:32px;bottom:32px;width:55px;height:95px}.hero-plant span{position:absolute;bottom:0;left:7px;width:42px;height:38px;border-radius:5px 5px 12px 12px;background:#1760ef}.hero-plant b{position:absolute;bottom:34px;width:20px;height:44px;border-radius:20px 0 20px 0;background:#4aaf78;transform:rotate(-35deg)}.hero-plant b:nth-of-type(1){left:2px}.hero-plant b:nth-of-type(2){left:20px;transform:rotate(12deg)}.hero-plant b:nth-of-type(3){left:34px;transform:rotate(38deg)}
.reference-feature-wrap{position:relative;z-index:3;margin-top:-30px}.reference-feature{display:grid;grid-template-columns:43% 57%;min-height:174px;overflow:hidden;border:1px solid #e2eafa;border-radius:9px;background:#fff;box-shadow:0 7px 20px rgba(25,69,139,.11)}.reference-feature-image{position:relative;overflow:hidden;background:#062c74}.reference-feature-image img{width:100%;height:100%;object-fit:cover}.reference-feature-image>span{position:absolute;left:13px;top:13px;padding:6px 10px;border-radius:3px;color:#fff;background:#1760ef;font-size:9px;font-weight:800;text-transform:uppercase}.reference-feature-copy{padding:23px 27px}.reference-feature-copy h2{max-width:420px;font-size:20px;line-height:1.1;margin:8px 0 10px}.reference-feature-copy p{color:#58647e;font-size:10px;line-height:1.5;max-width:440px;margin-bottom:9px}.reference-meta{color:#51617e;font-size:9px;display:flex;align-items:center;gap:7px}.reference-meta i{width:3px;height:3px;display:inline-block;border-radius:50%;background:#8fa7cc}.author-dot{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#f2b17a;color:#fff;font-size:8px;font-weight:700}.reference-read{display:inline-block;margin-top:11px;color:#1760ef;font-size:10px;font-weight:800;text-decoration:none}.reference-read span,.reference-section-title a span{margin-left:7px;font-size:14px}.reference-categories{padding:12px 0 10px}.reference-category-list{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}.reference-category-list a{min-width:51px;padding:7px 16px;border:1px solid #b9d0fb;border-radius:4px;color:#182c54;font-size:10px;font-weight:700;text-align:center;text-decoration:none;white-space:nowrap}.reference-category-list a.active,.reference-category-list a:hover{color:#fff;background:#1760ef;border-color:#1760ef}.reference-articles{padding:6px 0 38px}.reference-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.reference-section-title h2{font-size:15px;margin:0}.reference-section-title a{color:#1760ef;font-size:9px;font-weight:800;text-decoration:none}.reference-article-card{height:100%;overflow:hidden;border:1px solid #e4eaf5;border-radius:7px;background:#fff;box-shadow:0 3px 9px rgba(22,60,118,.07)}.reference-article-image{display:block;height:100px;overflow:hidden;background:#082e75}.reference-article-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.reference-article-card:hover .reference-article-image img{transform:scale(1.05)}.reference-article-copy{padding:9px 11px 12px}.reference-article-copy h3{min-height:30px;font-size:11px;line-height:1.25;margin:5px 0 9px}.reference-article-copy h3 a{color:#102149;text-decoration:none}.reference-article-copy .reference-meta{font-size:8px}.reference-article-copy .reference-read{margin-top:8px;font-size:9px}.reference-topics{padding:12px 0 15px;background:#f5f8ff}.reference-topics h2{text-align:center;font-size:15px;margin-bottom:12px}.reference-topic{min-height:68px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1px solid #e2eafa;border-radius:7px;background:#fff;text-align:center;text-decoration:none}.reference-topic i{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;color:#1760ef;background:#edf3ff;font-size:12px}.reference-topic strong{color:#142651;font-size:8px}.reference-topic small{color:#73809b;font-size:8px}.reference-newsletter{padding:20px 0;color:#fff;background:linear-gradient(100deg,#041c4c,#062a72 65%,#0b3f9a)}.reference-newsletter-inner{display:flex;align-items:center;gap:16px}.reference-mail-icon{display:grid;place-items:center;flex:0 0 58px;height:58px;border-radius:50%;color:#fff;background:#0a57d9;font-size:25px}.reference-newsletter h2{font-size:18px;line-height:1.05;margin-bottom:5px}.reference-newsletter p{color:#ccdbf7;font-size:9px;line-height:1.4;margin:0}.reference-newsletter form{display:grid;grid-template-columns:1fr 105px;gap:8px;margin-left:auto;width:365px}.reference-newsletter input{height:32px;padding:0 12px;border:0;border-radius:3px;font-size:9px}.reference-newsletter button{border:0;border-radius:3px;color:#fff;background:#1760ef;font-size:9px;font-weight:700}.reference-newsletter small{grid-column:1/-1;color:#c5d7f8;font-size:12px}@media(max-width:767px){.reference-hero-grid{display:block}.reference-hero-copy{padding-bottom:10px}.reference-hero-copy h1{font-size:34px}.reference-hero-art{height:285px;transform:scale(.85);transform-origin:top center;margin-bottom:-35px}.reference-feature{grid-template-columns:1fr}.reference-feature-image{height:190px}.reference-feature-copy{padding:20px}.reference-category-list{gap:8px;justify-content:flex-start}.reference-category-list a{padding:7px 11px}.reference-newsletter-inner{flex-wrap:wrap}.reference-newsletter form{width:100%;margin-left:0}.desktop-only{display:none}}
/* Motion and contrast enhancements */
.reference-blog-hero { position: relative; }
.reference-blog-hero:after { content: ''; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 78% 42%, rgba(63,126,255,.22), transparent 30%), linear-gradient(90deg, rgba(255,255,255,.18), transparent 58%); }
.reference-hero-grid { position: relative; z-index: 1; }
.reference-hero-copy { animation: blog-copy-in .7s ease both; }
.reference-hero-copy h1 { text-shadow: 0 4px 18px rgba(25,64,135,.12); }
.reference-hero-art { isolation: isolate; transform: scale(1.08); transform-origin: center center; }
.hero-glow { opacity: .95; animation: blog-glow 5s ease-in-out infinite; }
.hero-screen { z-index: 3; border-color: #071a3d; box-shadow: 0 25px 35px rgba(19,55,122,.3), 0 0 0 8px rgba(255,255,255,.24); animation: blog-float 5s ease-in-out infinite; }
.hero-paper { z-index: 2; animation: blog-float 6s ease-in-out .6s infinite reverse; }
.hero-chart { z-index: 4; box-shadow: 0 12px 22px rgba(23,96,239,.28); animation: blog-float 4.5s ease-in-out 1s infinite; }
.hero-play { z-index: 5; animation: blog-pulse 2.2s ease-in-out infinite; }
.hero-plant { z-index: 2; animation: blog-float 6s ease-in-out 1.4s infinite; }
.reference-feature { animation: blog-rise .7s ease .15s both; }
.reference-feature-image img { transition: transform .6s ease, filter .6s ease; }
.reference-feature:hover .reference-feature-image img { transform: scale(1.06); filter: saturate(1.18) contrast(1.06); }
.reference-category-list a { transition: color .25s ease, background .25s ease, transform .25s ease, box-shadow .25s ease; }
.reference-category-list a:hover { transform: translateY(-3px); box-shadow: 0 8px 15px rgba(23,96,239,.18); }
.reference-article-card { opacity: 0; animation: blog-rise .65s ease forwards; }
.reference-article-card:nth-child(1) { animation-delay: .08s; }.reference-article-card:nth-child(2) { animation-delay: .16s; }.reference-article-card:nth-child(3) { animation-delay: .24s; }.reference-article-card:nth-child(4) { animation-delay: .32s; }.reference-article-card:nth-child(5) { animation-delay: .4s; }.reference-article-card:nth-child(6) { animation-delay: .48s; }
.reference-topic { transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.reference-topic:hover { transform: translateY(-6px); border-color: #8eb4fb; box-shadow: 0 12px 22px rgba(23,96,239,.14); }.reference-topic:hover i { transform: rotate(-8deg) scale(1.1); }.reference-topic i { transition: transform .25s ease; }
.reference-newsletter { position: relative; overflow: hidden; }.reference-newsletter:before { content: ''; position: absolute; width: 320px; height: 320px; right: 5%; top: -190px; border: 1px solid rgba(107,170,255,.3); border-radius: 50%; box-shadow: 0 0 0 25px rgba(107,170,255,.06), 0 0 0 50px rgba(107,170,255,.04); }.reference-newsletter-inner { position: relative; z-index: 1; }.reference-mail-icon { animation: blog-pulse 3s ease-in-out infinite; }
@keyframes blog-copy-in { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } }
@keyframes blog-rise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } }
@keyframes blog-float { 0%, 100% { transform: translateY(0) rotate(7deg); } 50% { transform: translateY(-10px) rotate(7deg); } }
@keyframes blog-glow { 0%, 100% { transform: scale(.96); opacity: .72; } 50% { transform: scale(1.05); opacity: 1; } }
@keyframes blog-pulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(23,96,239,.35); } 50% { box-shadow: 0 0 0 12px rgba(23,96,239,0); } }
@media (prefers-reduced-motion: reduce) { .reference-blog *, .reference-blog *:before, .reference-blog *:after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }
@media (max-width: 767px) { .reference-hero-art { transform: scale(.85); } }
@media (max-width: 767px) { .reference-hero-copy h1 { font-size: clamp(31px, 9vw, 42px); overflow-wrap: break-word; }.reference-search { width:100%; max-width:265px; }.reference-hero-art { max-width:100%; overflow:hidden; } }
.reference-topics { padding:28px 0 32px; }
.reference-topics h2 { font-size:24px; margin-bottom:20px; }
.reference-topic { min-height:125px; padding:18px 10px; gap:10px; }
.reference-topic i { width:50px; height:50px; font-size:19px; flex:0 0 50px; }
.reference-topic strong { max-width:100%; color:#142651; font-size:13px; line-height:1.3; }
.reference-topic small { color:#73809b; font-size:11px; line-height:1.3; }
@media (max-width:991px) { .reference-topic { min-height:118px; } }
@media (max-width:767px) { .reference-topics { padding:24px 0 28px; }.reference-topics h2 { font-size:21px; }.reference-topic { min-height:116px; padding:15px 8px; }.reference-topic i { width:44px; height:44px; flex-basis:44px; font-size:17px; }.reference-topic strong { font-size:12px; } }
.reference-articles .row { row-gap:30px !important; column-gap:0; }
.reference-articles .row > [class*="col-"] { display:flex; }
.reference-article-card { width:100%; border:1px solid #e1e8f3; border-radius:8px; box-shadow:0 5px 14px rgba(22,60,118,.07); }
.reference-article-copy .reference-card-label { font-size:12px; }
.reference-section-title a { font-size:11px; }
.reference-article-copy h3 { font-size:12px; line-height:1.3; }
.reference-article-copy .reference-meta { font-size:10px; }
.reference-article-copy .reference-read { font-size:11px; }
.reference-feature-copy p { font-size:11px; line-height:1.55; }
.reference-hero-copy h1 { font-size:clamp(44px, 4.6vw, 58px); line-height:1.05; }
.reference-hero-copy p { font-size:16px; line-height:1.65; }
.reference-search { width:330px; height:46px; }
.reference-search>i { margin:0 13px; font-size:15px; }
.reference-search input { font-size:13px; }
.reference-search button { width:44px; font-size:15px; }
@media (max-width:767px) {
    .reference-hero-copy h1 { font-size:clamp(34px, 9vw, 44px); }
    .reference-hero-copy p { font-size:14px; }
    .reference-search { width:100%; max-width:330px; height:44px; }
    .reference-search input { font-size:12px; }
    .reference-article-copy .reference-card-label { font-size:11px; }
    .reference-section-title a { font-size:10px; }
    .reference-article-copy h3 { font-size:11px; }
    .reference-article-copy .reference-meta { font-size:9px; }
    .reference-article-copy .reference-read { font-size:10px; }
}
@media (max-width:767px) { .reference-articles .row { row-gap:24px !important; }.reference-article-card { border-radius:9px; } }
.reference-blog .reference-blog-hero,
.reference-blog .reference-articles,
.reference-blog .reference-topics,
.reference-blog .reference-newsletter {
    padding-top: 64px;
    padding-bottom: 64px;
}
.reference-blog .reference-hero-grid {
    min-height: 470px;
}
.reference-blog .reference-hero-copy h1 {
    font-size: clamp(36px, 4.2vw, 56px);
    line-height: 1.08;
}
.reference-blog .reference-hero-copy p,
.reference-blog .reference-feature-copy p,
.reference-blog .reference-newsletter p {
    font-size: 15px;
    line-height: 1.55;
}
.reference-blog .reference-kicker,
.reference-blog .reference-card-label {
    font-size: 14px;
    line-height: 1.3;
}
.reference-blog .reference-search {
    height: 46px;
}
.reference-blog .reference-feature {
    min-height: 320px;
}
.reference-blog .reference-feature-image {
    min-height: 320px;
}
.reference-blog .reference-feature-copy {
    padding: 32px 34px;
}
.reference-blog .reference-feature-copy h2 {
    font-size: 30px;
    line-height: 1.15;
}
.reference-blog .reference-feature-copy .reference-meta,
.reference-blog .reference-article-copy .reference-meta {
    font-size: 12px;
    line-height: 1.4;
}
.reference-blog .reference-read {
    font-size: 12px;
    line-height: 1.4;
}
.reference-blog .reference-categories {
    padding: 20px 0 18px;
}
.reference-blog .reference-category-list {
    gap: 12px;
}
.reference-blog .reference-category-list a {
    padding: 9px 16px;
    font-size: 12px;
}
.reference-blog .reference-section-title {
    margin-bottom: 20px;
}
.reference-blog .reference-section-title h2,
.reference-blog .reference-topics h2 {
    font-size: 30px;
    line-height: 1.15;
}
.reference-blog .reference-section-title a {
    font-size: 12px;
    line-height: 1.4;
}
.reference-blog .reference-article-card {
    min-height: 420px;
    display: flex;
    flex-direction: column;
}
.reference-blog .reference-article-image {
    height: 190px;
    flex: 0 0 190px;
}
.reference-blog .reference-article-copy {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 18px 20px 20px;
}
.reference-blog .reference-article-copy .reference-card-label {
    font-size: 13px;
}
.reference-blog .reference-article-copy h3 {
    min-height: 52px;
    font-size: 19px;
    line-height: 1.3;
}
.reference-blog .reference-article-copy .reference-meta {
    margin-top: auto;
}
.reference-blog .reference-article-copy .reference-read {
    margin-top: 16px;
}
.reference-blog .reference-topics {
    padding-top: 64px;
}
.reference-blog .reference-topic {
    min-height: 140px;
    padding: 20px 12px;
    gap: 8px;
}
.reference-blog .reference-topic i {
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    font-size: 21px;
}
.reference-blog .reference-topic strong {
    font-size: 14px;
    line-height: 1.3;
}
.reference-blog .reference-topic small {
    font-size: 12px;
    line-height: 1.4;
}
.reference-blog .reference-topics {
    padding-top: 82px;
    padding-bottom: 82px;
}
.reference-blog .reference-topic {
    height: 170px;
    min-height: 170px;
    box-sizing: border-box;
    padding: 26px 16px;
}
.reference-blog .reference-topic i {
    width: 60px;
    height: 60px;
    flex-basis: 60px;
    font-size: 24px;
}
.reference-blog .reference-topic strong {
    font-size: 15px;
}
.reference-blog .reference-topic small {
    font-size: 13px;
}
.reference-blog .reference-mail-icon {
    flex-basis: 64px;
    width: 64px;
    height: 64px;
    font-size: 28px;
}
.reference-blog .reference-newsletter h2 {
    font-size: 30px;
    line-height: 1.15;
}
.reference-blog .reference-newsletter input,
.reference-blog .reference-newsletter button {
    height: 44px;
    font-size: 12px;
}
.reference-blog .reference-newsletter small {
    font-size: 12px;
    line-height: 1.4;
}
@media (max-width: 767px) {
    .reference-blog .reference-blog-hero,
    .reference-blog .reference-articles,
    .reference-blog .reference-topics,
    .reference-blog .reference-newsletter {
        padding-top: 48px;
        padding-bottom: 48px;
    }
    .reference-blog .reference-hero-grid {
        min-height: auto;
    }
    .reference-blog .reference-hero-copy h1 {
        font-size: 35px;
    }
    .reference-blog .reference-hero-copy p,
    .reference-blog .reference-feature-copy p,
    .reference-blog .reference-newsletter p {
        font-size: 15px;
    }
    .reference-blog .reference-feature {
        min-height: 0;
    }
    .reference-blog .reference-feature-image {
        min-height: 220px;
        height: 220px;
    }
    .reference-blog .reference-feature-copy {
        padding: 24px 20px;
    }
    .reference-blog .reference-feature-copy h2 {
        font-size: 28px;
    }
    .reference-blog .reference-section-title h2,
    .reference-blog .reference-topics h2,
    .reference-blog .reference-newsletter h2 {
        font-size: 28px;
    }
    .reference-blog .reference-article-card {
        min-height: 0;
    }
    .reference-blog .reference-article-image {
        height: 180px;
        flex-basis: 180px;
    }
    .reference-blog .reference-article-copy h3 {
        min-height: 0;
        font-size: 18px;
    }
    .reference-blog .reference-topic {
        height: 145px;
        min-height: 145px;
        padding: 22px 12px;
    }
    .reference-blog .reference-topic i {
        width: 54px;
        height: 54px;
        flex-basis: 54px;
        font-size: 21px;
    }
    .reference-blog .reference-topic strong {
        font-size: 14px;
    }
    .reference-blog .reference-topic small {
        font-size: 12px;
    }
    .reference-blog .reference-newsletter-inner {
        gap: 18px;
    }
}