:root{--n:#00384e;--i:#092c69;--l:#bedb00;--s:#eef7f9;--m:#53666e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.5 Arial,sans-serif;color:var(--i);overflow-x:hidden}a{text-decoration:none;color:inherit}.w{width:min(1160px,calc(100% - 40px));margin:auto}.head{height:70px;position:sticky;top:0;background:#fff;z-index:20}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{font-size:2rem;font-weight:900;font-style:italic}.logo span,.eye{color:var(--l)}.links{display:flex;gap:16px;font-size:.72rem;font-weight:700}.links a{padding:25px 0 19px;border-bottom:3px solid transparent}.links a:hover,.links .active{border-color:var(--l)}.menu{display:none}.hero{background:linear-gradient(125deg,#003047,#00516f);color:#fff}.hg{min-height:420px;display:grid;grid-template-columns:.85fr 1.15fr;gap:35px;align-items:center}.eye{text-transform:uppercase;font-size:.76rem;font-weight:800;letter-spacing:.13em}.hero .eye{color:#fff}.hero h1{font-size:clamp(3rem,6vw,5rem);line-height:.95;margin:16px 0}.hero p{font-size:1.15rem;color:#e4edf0}.btn{display:inline-flex;background:var(--l);padding:13px 26px;margin-top:10px;font-weight:800;border-radius:3px}.heroart{height:370px;background:var(--fk-page-image,url('../images/blog-reference.png')) 65% 8%/920px auto no-repeat;border-radius:8px}.tabs{margin-top:-20px;position:relative;z-index:3}.tabrow{display:grid;grid-template-columns:repeat(6,1fr);padding:10px;background:#fff;box-shadow:0 8px 24px #002a3a20;border-radius:5px}.tabrow div{text-align:center;padding:12px;border-right:1px solid #b7c5ca}.tabrow div:first-child{background:var(--n);color:#fff;border-radius:4px}.sec{padding:55px 0}.sec h2{font-size:clamp(2rem,4vw,3rem);line-height:1.05;margin:8px 0 18px}.featured{display:grid;grid-template-columns:.8fr 1.2fr;background:#fff;border:1px solid #d7e4e8;border-radius:5px;overflow:hidden}.featphoto{min-height:300px;background:var(--fk-page-image,url('../images/blog-reference.png')) 21% 33%/850px auto no-repeat}.featcopy{padding:38px}.soft{background:var(--s)}.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.article{background:#fff;border:1px solid #d7e4e8;box-shadow:0 8px 18px #002a3a0e;transition:.3s}.article:hover{transform:translateY(-9px)}.apic{height:190px;background:var(--fk-page-image,url('../images/blog-reference.png')) center/840px auto no-repeat}.article:nth-child(1) .apic{background-position:20% 47%}.article:nth-child(2) .apic{background-position:52% 47%}.article:nth-child(3) .apic{background-position:86% 47%}.article:nth-child(4) .apic{background-position:18% 62%}.article:nth-child(5) .apic{background-position:53% 62%}.article:nth-child(6) .apic{background-position:87% 62%}.abody{padding:18px}.abody small{font-weight:800}.abody h3{margin:8px 0}.abody p{color:var(--m)}.banner,.cta{background:var(--n);color:#fff}.banner{padding:34px 0}.values{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:25px;align-items:center}.value{display:flex;align-items:center;gap:12px}.ico{width:55px;height:55px;display:grid;place-items:center;background:var(--l);color:var(--n);border-radius:50%;font-size:1.5rem}.topics{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.topic{border:1px solid #d4e3e8;border-radius:5px;text-align:center;padding:22px 10px}.topic .ico{margin:auto;background:#eaf5f7}.author{display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;align-items:center}.authorart{height:300px;background:var(--fk-page-image,url('../images/blog-reference.png')) 65% 86%/900px auto no-repeat;border-radius:5px}.cta{padding:34px 0}.ctarow{display:flex;align-items:center;justify-content:space-between}.foot{background:#002d40;color:#fff;padding:25px 0}.fr{display:flex;justify-content:space-between}.fl{display:flex;gap:15px;font-size:.7rem}.rev{opacity:0;transform:translateY(35px);transition:.8s}.rev.show{opacity:1;transform:none}.hero>*{animation:rise .8s both}@keyframes rise{from{opacity:0;transform:translateY(25px)}}@media(max-width:1000px){.links{display:none}.menu{display:block}.hg,.featured,.author{grid-template-columns:1fr}.articles{grid-template-columns:1fr 1fr}.topics{grid-template-columns:repeat(3,1fr)}.values{grid-template-columns:1fr 1fr}}@media(max-width:650px){.tabrow,.articles,.topics,.values{grid-template-columns:1fr}.hg{padding:45px 0}.heroart{height:300px}.ctarow,.fr{flex-direction:column;align-items:flex-start;gap:18px}.fl{flex-wrap:wrap}}